Hello&谢谢你的时间!
我尝试设置类别按钮,点击后加载vis Contained div中的第一项。然后' next'和' prev'加载的div数据中的按钮可切换到该类别中的其他项目。
到目前为止,我有:
PHP:
<nav>
<button onclick="changeContent('content1')">content1</button>
</nav>
<section id="main">
<div id="visContainer"><div>
</div>
</section
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery.min.js"><\/script>')</script>
<script src="js/javascript.js"></script>
JS:
$(function(){
function changeContent(content){
$('#visContainer').load('divList.html' content);
};
});
以及列出了不同div的divList.html文件(现在填充w文本)。 我收到了一个意想不到的标识符&#39;在js中的函数changeContent行中,它一直表示未定义changeContent(单击按钮时)。我认为这可能与我的声明或jQuery有关,但我无法弄清楚在哪里。我是新手,所以任何帮助都会非常感激!
答案 0 :(得分:1)
$(function(){ ... });
该函数创建一个新范围,使changeContent
在您的内联事件处理程序所在的窗口范围内不可用。快速修复将是:
$(function(){
window.changeContent = function(content){
$('#visContainer').load('divList.html' content);
}
});
更好的解决方案是删除内联事件处理程序。
<button id="myButton">content1</button>
和JS:
$(function(){
$('myButton').on('click', function() {
$('#visContainer').load('divList.html #content1');
});
});