javascript - 使用 jQuery .load() 加载的内容不起作用

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

您可能需要事件委托(delegate)。试试这个:

<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