Question

这是我的index.html中的简单代码

在脚本部分我有：

<script type="text/javascript">
    $(document).ready(function() {  

            $('document').ready(function(){
                    $("#cv").click(function(){
                            $("#div1").load("cv.html",aviso());
                    });
            });

            function aviso(){
                    alert('La solicitud ha sido procesada');
            }
    });

</script>

这是在cv.html

<h1>&iexcl;Mi CV!</h1>

我正在尝试使用jQuery Ajax功能以异步方式显示不同的内容加载。我已经在这里搜索并尝试了这个：Dynamically load PHP within a main page但我没有成功。函数aviso（）确实执行，但内容不显示。我知道这可能是一个非常简单的问题，但我被困在那里。提前谢谢！

Answer 1

第二个$('document').ready是不必要的~~且不正确（应该没有引号）~~。

试试这个：

<script type="text/javascript">
    $(document).ready(function() {  

        $("#curriculum").click(function(){
            $("#div1").load("cv.html", aviso);
        });

        function aviso(responseText){
            alert('La solicitud ha sido procesada');
        }
    });
</script>

Answer 2

我可以看到HTML中没有id个cv的元素。您是否意味着这个链接？

<li><a href="#" id="curriculum">Curr&iacute;culum Vitae</a></li>

如果是这样，你的jQuery代码应该是：

$("#curriculum").click(function(){
    $("#div1").load("cv.html", aviso);
});

或者您可以更改id元素上<a>属性的值。

使用Ajax和jQuery简单加载html

2 个答案: