bootstrap子菜单链接不起作用

时间:2014-05-01 10:04:20

标签: javascript jquery html css twitter-bootstrap

Hello开发人员,

我使用Bootstrap 3创建HTML模板。您可以在此处找到演示HTML页面:http://cpimediagroup.com/demo/oasis2/

我已经使用这个" hack"创建了一个多级自定义子菜单(点击服务,你会看到它)。 http://www.bootply.com/92442

工作正常,但是当您点击服务链接(点击服务>子菜单>我们的服务)时,我们的服务链接到services.html。但它不起作用。

有什么建议吗?

由于

===============================

嘿菲拉斯。

找到此脚本导致问题的解决方案:

    <script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
 $(document).ready(function() {

            $('li > a').on('click', function(event) {
    // Avoid following the href location when clicking
    event.preventDefault(); 
    // Avoid having the menu to close when clicking
    event.stopPropagation(); 
    // If a menu is already open we close it
    $('ul.dropdown-menu [data-toggle=dropdown]').parent().removeClass('open');
    // opening the one you clicked on
    $('li').removeClass('open');
    $(this).parents().addClass('open');
            });
 });

});//]]>  

</script>

我刚禁用此行:

  

//单击
时避免跟随href位置       //event.preventDefault();

感谢

0 个答案:

没有答案