Question

我对移动网站中的菜单导航有一些棘手的条件。刚才说，我在我的网站上有这种菜单导航：

菜单：测试（链接至：www.test.com）

子菜单：-Test1（链接到：www.test.com/test1）

子菜单：-Test2（链接到：www.test.com/test2）

子菜单：-Test3（链接到：www.test.com/test3）

“测试”菜单用于设置jquery功能，因此当我们点击“测试”时，它会激活切换功能并显示子菜单“Test1，Test2和Test3”

但是，如果“测试”菜单中已经有一个链接（链接到：www.test.com）怎么样，所以当我们打算通过点击“测试”菜单来切换菜单时，它会导致网站去www.test.com。

任何人都有想法克服这种情况？对不起英语或插图不好。

此致

Answer 1

使用e.preventDefault()或e.stopPropagation()代替

示例：http://jsfiddle.net/Tg2uz/

<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>
<script>
$( "a" ).click(function( event ) {
event.preventDefault();
$( "<div>" )
.append( "default " + event.type + " prevented" )
.appendTo( "#log" );
});
</script>

第二次点击时链接处于活动状态

1 个答案: