Question

我有一些问题，让JQuery加载一个HTML页面。我使用JQuery加载此页面vvv

<a class="codaw" href="#"><img id="codawx_img" src="img/codawx.png" alt="Call of Duty:Advanced Warfare" style="height:150px;"></a>

<script>
$('a.codaw').on('click', function(e){
e.preventDefault();
$('#container').remove();
$('#content').load('second.html'+'#content').hide().fadeIn('slow');
});
</script>

并且该页面加载正常但是^^^ jquery函数不会加载第二个html内容它只是加载href。

我不知道我在这里做错了，如果有人能分享一些知识我会感激。

Answer 1

您可能需要事件委派。试试这个：

<script>
$(function(){
    $(document).on('click', 'a.codaw', function(e){
        e.preventDefault();
        $('#container').remove();
        $('#content').load('second.html'+'#content').hide().fadeIn('slow');
    });
});
</script>

参考：

http://davidwalsh.name/event-delegate

用jQuery .load（）加载的内容不起作用

1 个答案: