我如何得到一个片段从一个未指定的html加载
How do I get a fragment to load from an unspecified html?
使菜单消失后,如果不列出特定的html,我就无法显示我的内容。
这是HTML:
<div id="header">
<h1>N300 Project Gallery</h1>
</div>
<div id="container">
<div id="utility">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</div>
<div id="index-content">?</div>
<div id="footer">This is the footer</div>
</div>
下面是我的脚本:
$(document).ready(function() {
$('#utility a').click(function(e){
e.preventDefault();
$('#utility').hide('normal',loadContent);
});
function loadContent() {
$('#index-content').load(url+ '#content')
}
});
这是我想移动的片段:
<div id="content">
<p>Hello! My name is Brittany Shephard.</p>
</div>
请注意,如果您想要片段加载行为(+ ' #content'
而不是+ '#content'
),则需要在传递给.load()
的URL中的#content
之前添加额外的空间。
你的片段是在一个单独的文件,对吗?
假设你的片段从projects.html #content
返回,尝试:
function loadContent() {
$('#index-content').load($(this).attr('href')+ ' #content');
}
从JQuery文档的隐藏,this
被设置为隐藏的DOM节点在回调。我假设你想从你隐藏的锚加载URL,所以你需要从该节点抓取href
属性。
loadContent()
中的url
从何而来
如果您需要从e.target
href属性传递它,为hide的回调创建一个匿名函数,并从url传递到loadContent。Somtehing:
$(document).ready(function() {
$('#utility a').click(function(e){
e.preventDefault();
$('#utility').hide('normal', function() {
loadContent($(e.target).attr('href'));
});
});
function loadContent(url) {
$('#index-content').load(url + ' #content');
}
});
相关文章:
- IE上的新XMLHttpRequest()出现JS Ajax未指定错误
- 在一个函数中,我有一个未捕获的语法错误:意外的标记else
- 变量转换为另一个“未定义”的变量
- getDataAsJSON()在PHP中是一个未定义的函数,但许多解释如何使用JSONP的网站都说要使用它
- 检查未指定的数组值在该数组中出现的次数
- 所以这是说我的法定对象中有一个未定义的变量
- 为什么在这个数组的末尾会有一个未定义的
- 为什么我得到一个未定义的回报
- Router.use()需要中间件函数,但得到了一个未定义的函数
- 另一个未捕获的类型错误::无法读取属性'替换'的未定义
- 使用jQuery'在数组中循环;s中的每一个都会在生成字符串时在开头产生一个未定义的值
- JS得到一个未被关注的'输入/返回'按下回车键时
- 未指定预定义 el 而不呈现的主干视图
- 如果定义了值,为什么会得到一个未定义的值?使用 eval()
- 由 webpack 构建的 react(es6) 在浏览器中有一个未捕获的类型错误
- 在我触发一个jqmodal并关闭它后,我的网站得到了一个未捕获的类型错误
- 无论如何,在Visual Studio智能感知中定义一个未定义的对象
- 阻止页面回发的“未指定错误”
- 当未指定任何内容时,CryptoJS如何获得IV
- 我如何得到一个片段从一个未指定的html加载