Question

我有一个基本的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脚本填充下拉列表，这就是为什么它在一个单独的文件中），但我我不知道为什么下拉没有风格。

有什么建议吗？

谢谢，

格里

Answer 1

尝试使用$.load功能。例如：

$("#content").load("libraries/content.php");

Answer 2

当你说下拉时你的意思是<select>元素？

如果你使用的是webkit浏览器（google chrome，safari），那么<select>框的样式并不是一件有趣的事情。

确保这是问题，只需在原始文件中复制content.php的输出，并查看它是否在未动态加载时设置样式。我怀疑你会看到同样的问题。

验证这一点的另一种方法是将background-color:blue;font-size:30px;添加到<select>字段的样式（webkit需要样式组合，只会忽略更改字体大小）。

和第三种验证方法：在firefox中测试它。它更重视表单字段上的样式。

$ .post上的问题Jquery和HTML上的样式

2 个答案: