试图让jquery加载工作
trying to get jquery load to work
当我在菜单中导航时,我只希望改变内容区div,而不重新加载整个页面。我想使用jquery加载函数从另一个页面读取一个div(从members.htmldiv colTwo),并将其插入到页面(到div contentarea)。我一直在试,但就是不能用。
任何帮助编辑这个脚本将是有帮助的!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Title</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript" src ='http://code.jquery.com/jquery-1.9.1.min.js'</script>
<script type="text/javascript">
$(document).ready(function() {
function memberspage(){
$('#contentarea').load('members.html #colTwo');
}
});
</script>
<body>
<div id="header">
<h1>My Title</h1>
</div>
<div id="content">
<div id="colOne">
<div id="menu1">
<ul>
<li><a href="#" onclick='memberspage()'>Members</a></li>
</ul>
</div>
<div class="margin-news">
<h2>Recent Updates</h2>
<p><strong>None At This Time</strong> </p>
</div>
</div>
<div id="contentarea"><h2>Starting Text</h2></div>
<div style="clear: both;"> </div>
</div>
</body>
</html>
问题是你已经在文档准备处理程序中声明了memberspage()
函数,这意味着当你试图从锚元素上的内联onclick
处理程序调用它时,它不在范围内-内联属性这样只能访问全局函数。
$(document).ready(function() {
$("#menu1 a").click(function(e){
$('#contentarea').load('members.html #colTwo');
e.preventDefault();
});
});
我添加了e.preventDefault()
来阻止锚点点击的默认行为,否则可能会滚动回页面顶部。(在内联处理程序中,返回false也会得到同样的效果。)
还请注意,包含jquery.js的<script>
元素在关闭</script>
之前缺少关闭>
。
您需要在全局作用域中定义该函数,以便在基于属性的事件中使用它。
<script type="text/javascript">
function memberspage(){
$('#contentarea').load('members.html #colTwo');
}
</script>
memberpage()已经定义,但是您没有从任何地方调用它
相关文章:
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript链接在点击时不起作用;函数在页面加载时工作
- jQuery加载的async和ready函数不工作
- Javascript不工作/正在加载
- LokiJS自动加载回拨不工作
- 当加载几个js文件时,defer属性应该如何工作
- 在pjax完成其工作时加载脚本
- Scriptaculous dom:仅加载工作"有时“;
- 为什么动态加载的事件在我的代码中不能正常工作
- 加载Soundcloud嵌入式播放器OnClick在FireFox中不工作
- 我无法在发布页面上加载peoplepicker.js它'正在工作的SitePages
- 异步加载的SVG过滤器feColorMatrix在Chrome中工作,而不是在Safari或Firefox中
- php的ajax加载工作不正常
- 使弹出加载工作
- 如何控制页面加载工作流程
- 检查脚本是否加载工作有时
- 试图让jquery加载工作
- 如何es6模块加载工作
- 外部.js文件正在加载&工作,但jQuery在它不工作
- jQuery fn()正在加载/工作