我正在使用此功能将页面加载到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是什么需要)。任何建议表示赞赏。
答案 0 :(得分: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() {
文档就绪代码中。否则浏览器会在元素加载之前尝试运行它。
答案 1 :(得分:1)
运行第二个脚本时,您的元素不存在。
您需要在页面加载完成后运行它。