当新的选择框被添加到页面中时,重新应用jQuery选择框样式
Re-apply jQuery select box styling when new select box is added to page
我的jQuery选择框样式在初始页面加载时起作用,但是当包含选择框的内容被动态加载到页面中时,样式不会应用于它。
确保新选择框在加载到页面上时就会有样式的最好方法是什么?
jQuery(document).ready(function() {
jQuery.jStyling.createSelect(jQuery('select'));
});
我在动态制作带颜色交替的表格时遇到过这个问题,我是这样做的:
工作小提琴HTML:<input id="add" type="button" value="Add Box"></input>
<div class="styled">BOX</div>
JavaScript: function addStyle() {
$(".styled").css({
"width": "100px",
"height": "100px",
"background": "#ff0000"
});
};
$(document).on("click", "#add", function () {
var myBox = $("<div>");
myBox.addClass("styled");
myBox.text("BOX");
myBox.appendTo($("body"));
addStyle();
});
addStyle();
尝试使用CSS代替jQuery
select {
//Styling
}
或者根据需要按类或id。
.classOfSelect {
//Styling
}
相关文章:
- 如何在点击链接后从用户取消对话框中获得回调以选择移动应用程序
- 未选择新添加的dom元素
- 当用户在 JavaScript 中选择新时间时,继续单击时钟
- 如何从node-webkit应用程序启动新应用程序
- “选择新值”上的“重新加载”页面
- 选择2:选择新标记后更新选项
- 如果选择了current,jqGrid将阻止选择新行&&alert onclick on复选框
- 使用jQuery对选择框应用过滤器
- 不能用jquery选择新创建的对象
- 如何防止栅格自动选择新添加的项目,保留当前选择
- 消息对话框用户选择Metro应用程序- JavaScript
- Jquery:选择新添加的DOM节点的最佳方法是什么?
- 使用Jquery Mobile动态选择cordova应用程序的第一个屏幕
- 如何在选择新选项时删除以前选择的选项
- 选择时应用样式
- 使用Node和Angular为自动登录创建新应用——需要洞察力
- 当从下拉过滤器中选择新源时,JavaScript D3条形图数据将不会更新
- 从子选择器向主选择器应用$(this)
- PHP + jQuery:将日期选择器应用于具有特定模式的输入
- 电子新应用结构