Question

执行基本的AJAX请求，但是当显示HTML时，没有HTML链接可用，现在CSS：hover元素也可以工作。

对我做错了什么感到困惑。以下是代码示例。

CSS：

li:hover{ background:red; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

HTML（index.php）：

<script>
$(document).ready(function(){
    ajax();
});
</script>
<ul class="loadhere"></uL>

loadthis.php：

<li><a href="">Example</a></li>

JS（AJAX）：

function ajax(){
$.ajax({
    type:"POST",
    url:"http://example.com/loadthis.php",
    dataType: "html" 
})
.done(function(result){
    $('ul.loadhere').html(result);      
});
}

Answer 1

你需要使用ajax函数的“success”选项，取下done函数并在ajax对象中插入function in success选项，像这样：

function ajax(){
    $.ajax({
        type:"POST",
        url:"http://example.com/loadthis.php",
        dataType: "html" ,
        success: function(result){
            $('ul.loadhere').html(result);      
        }
    });
}

Answer 2

试试这个

 <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script>
        $(function(){
            ajax();
            function ajax(){
                $.get('loadthis.php', {}, function(){

                }).done(function(result){
                    $('ul.loadhere').html(result);
                });
            }
        });
    </script>

AJAX：加载HTML，CSS链接不起作用

2 个答案: