jQuery在头中使用链接进行折叠
我使用Daniel Stocks jQuery崩溃cookies, 这很有效 嗨,有人知道我怎么做吗 链接的标题是什么?所以当点击时 它链接到另一个包含菜单的页面, 加载此页面时,单击 菜单展开,显示子项 在下面的例子中,我需要水果链接 转到另一页,并在此处展开 第页:jQuery在头中使用链接进行折叠,jquery,jquery-plugins,jquery-selectors,Jquery,Jquery Plugins,Jquery Selectors,我使用Daniel Stocks jQuery崩溃cookies, 这很有效 嗨,有人知道我怎么做吗 链接的标题是什么?所以当点击时 它链接到另一个包含菜单的页面, 加载此页面时,单击 菜单展开,显示子项 在下面的例子中,我需要水果链接 转到另一页,并在此处展开 第页: 苹果 梨 橙色的 蔬菜 胡萝卜 西红柿 壁球 颜色 绿色的 任何帮助都将不胜感激:-)您可以在a href=“default2.html”id“中添加一个id,并将其设置为下一个ul id=“id” 通过这
- 苹果
- 梨
- 橙色的
蔬菜
- 胡萝卜
- 西红柿
- 壁球
颜色
- 绿色的
任何帮助都将不胜感激:-)您可以在
a href=“default2.html”id“
中添加一个id,并将其设置为下一个ul id=“id”
通过这种方式,使用javascript,您可以在加载时显示正确的列表
看看这里
我看到的另一个问题是,该插件将忽略h3及其内部链接 因此,您需要将其与自定义show()处理程序相结合 HTML 然后使用@Andrea提到的方法,简单地将您希望在另一个页面中打开的项目设置为活动 因此,在本例中,如果url是#fruits,那么我们在加载时打开的项目将是带有id=“fruits”的h3 要做到这一点,您可以使用
if(window.hash){
$("#"+window.hash).addClass('active')
嗨,安德里亚,你能再解释一下吗?:)对不起,我对jQuery有点陌生。我在JSFIDLE上添加了一个示例!看一看,您可以使用“window.location.pathname”检索当前路径。嘿,伙计们,非常感谢!!在你的帮助下,我终于成功了,而且效果很好-D:-D能否请您告诉我,对于那些具有正常展开/折叠功能的动画,我可以如何保留动画部分。在新代码中,我应该把this.animate({…})特性放在哪里?
<h3 id="fruits" rel="index2.html#fuits">Fruits</h3>
<ul>
<li>Apple</li>
<li>Pear</li>
<li>Orange</li>
</ul>
...
$(".demo").collapse({
head: "h3",
group: "ul",
show: function() {
if($(this).prev().attr('rel')){
// open a window with the rel value as the location.
window.location=($(this).prev().attr('rel'));
}
$(this).show()
},
hide: function(){
$(this).hide()
}
});
if(window.hash){
$("#"+window.hash).addClass('active')