我的 jQuery 选择框样式适用于初始页面加载,但是当带有选择框的内容动态加载到页面中时,样式不会应用于它。
确保新选择框在加载到页面后立即设置样式的最佳方法是什么?
jQuery(document).ready(function() {
jQuery.jStyling.createSelect(jQuery('select'));
});
我的 jQuery 选择框样式适用于初始页面加载,但是当带有选择框的内容动态加载到页面中时,样式不会应用于它。
确保新选择框在加载到页面后立即设置样式的最佳方法是什么?
jQuery(document).ready(function() {
jQuery.jStyling.createSelect(jQuery('select'));
});
尝试使用 CSS 而不是 jQuery
select {
//Styling
}
或根据需要按班级或 ID。
.classOfSelect {
//Styling
}
在动态制作具有交替色带颜色的表格时,我遇到了这个问题,我就是这样做的:
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();