0

我正在使用此功能将页面加载到 div

$(function() {
    $('a[href=myurl]').click(function() {
        $('#loadHere').load('myurl');
        return false;
    });
});

这工作正常我正在为多个链接测试此代码，该链接找到类属性 InPage：

$('a.InPage').click(function() {
    $('#loadHere').load( $(this).attr('href') );
    return false;
});

在我的测试页面中： http ://www.tremyfoel.co.uk/jqueryTest2.htm

但是由于某种原因，尽管我坚持不懈地努力/修修补补不起作用，但对我来说并不明显。逻辑和语法似乎很好，jsFiddle 没有标记任何错误，我尝试了不同的 jQuery 版本（出于某种原因，需要 1.4.0）。任何建议表示赞赏。

4

2 回答 2

2

改变

<script type="text/javascript">
$('a.InPage').click(function() {
    $('#beachInfo').load($(this).attr('href'));
    return false;
});
</script>

到

<script type="text/javascript">
$(function() {
    $('a.InPage').click(function() {
        $('#beachInfo').load($(this).attr('href'));
        return false;
    });
});
</script>

您需要将其他脚本包装$(function() {在工作代码所在的相同文档就绪代码中。否则浏览器会在元素加载之前尝试运行它。

于 2012-09-23T20:03:04.177 回答
1

运行第二个脚本时，您的元素不存在。

您需要在页面加载完成后运行它。

于 2012-09-23T20:01:58.880 回答