Javascript插入的内容没有跟上样式
考虑最后给出的代码,它使用jquerymobile来增强按钮 页面加载时会出现第一个按钮(原始按钮): 通过单击黄色框插入第二个按钮(插入的按钮): 这里的问题是,插入的按钮无法跟上CSS样式。当我们使用AJAX时,这种情况非常常见(并不是特定于jQueryMobile),但我从来没有找到解决这个问题的方法 如何使用CSS样式增强插入的按钮Javascript插入的内容没有跟上样式,javascript,ajax,jquery-mobile,Javascript,Ajax,Jquery Mobile,考虑最后给出的代码,它使用jquerymobile来增强按钮 页面加载时会出现第一个按钮(原始按钮): 通过单击黄色框插入第二个按钮(插入的按钮): 这里的问题是,插入的按钮无法跟上CSS样式。当我们使用AJAX时,这种情况非常常见(并不是特定于jQueryMobile),但我从来没有找到解决这个问题的方法 如何使用CSS样式增强插入的按钮 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript">
function insert(){
$("#result").html('<input type="button" value="Inserted button"/>');
}
</script>
</head>
<body>
<form>
<p class="ui-body-e ui-corner-all" style="padding:5px" onclick="insert()">Click here to insert the button</p>
<input type="button" value="Original button" />
<div id="result">
Button not inserted yet
</div>
</form>
</body>
</html>
标题
函数插入(){
$(“#结果”).html(“”);
}
单击此处插入按钮
按钮尚未插入
jQuery mobile向对象添加额外的元素/类。这在页面加载时发生
插入额外按钮或其他对象(列表…)时,需要再次应用样式
在这种情况下,在插入按钮$(新按钮的选择器)。按钮()后使用代码>
jQuery mobile为您应用了漂亮的按钮样式。jQuery mobile为您的对象添加了额外的元素/类。这在页面加载时发生
插入额外按钮或其他对象(列表…)时,需要再次应用样式
在这种情况下,在插入按钮$(新按钮的选择器)。按钮()后使用代码>
jQuery mobile将为您应用尼斯按钮样式。插入按钮的html后:
$("#result").html('<input type="button" value="Inserted button"/>');
插入按钮的html后:
$("#result").html('<input type="button" value="Inserted button"/>');
不知道.trigger('create')代码>不错的一个;)在jQuery移动站点的哪里可以找到相关文档?谢谢!您的答案也可以,但如果您想一次插入大量html(不止一个元素),触发create事件非常简单文档=>不知道.trigger('create')代码>不错的一个;)在jQuery移动站点的哪里可以找到相关文档?谢谢!您的答案也可以,但如果您想一次插入大量html(不止一个元素),触发create事件非常简单文档=>