我有一个基本的jquery脚本返回一些HTML为我在。代码如下:
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
$.post('libraries/content.php', function(data){
$('#content').html(data);
});
});
});
</script>
脚本返回保存在content.php中的html,但它没有对其应用任何样式。
基本上,我有一个链接,说"显示更多的内容",它显示了一个下拉列表,保存在content.php (php脚本填充下拉,这就是为什么它在一个单独的文件),但我不知道为什么下拉没有样式。
有什么建议吗?
谢谢,Gregor
尝试使用$。加载函数。例子:
$("#content").load("libraries/content.php");
你说的下拉菜单是指<select>
元素吗?
如果你使用的是webkit浏览器(google chrome, safari),那么<select>
框的样式就不是一件有趣的事情。
以确保这是问题只是复制content.php
的输出在你的原始文件,看看如果它是不动态加载时的样式。我想你也会看到同样的问题。
另一种验证方法是将background-color:blue;font-size:30px;
添加到<select>
字段的样式中(webkit需要样式的组合,仅更改字体大小将被忽略)。
和第三种验证方法:在firefox中测试它。它更认真地对待表单字段上的样式。