Question

我正在使用包含一些菜单选项的bootstrap导航栏。当我点击任何菜单时，它应显示id并加载相应的代码。

以下是代码：

$('nav a').on('click', function(){
  alert(this.id);
  window.location.href = "admin-editcp.php";
  //var NavId = this.id;
  //fxnNavClicked(NavId);
});

显示正确的ID但未加载新页面。

当我将选择器类型从nav a更改为testbutton

时

$('#testbutton').on('click', function(){
  alert(this.id);
  window.location.href = "admin-editcp.php";
  //var NavId = this.id;
  //fxnNavClicked(NavId);
});

它对我有用.. 仍无法找到此类问题的原因或错误?????

潜在客户将不胜感激

下面是html代码

<div class="collapse navbar-collapse navbar-right">
    <ul class="nav navbar-nav temp-nav">
        <li class="active"><a href="index.php"><i class="fa fa-home fa-lg"></i></a></li>
        <li><a href="" id="INavTheHotel">The Hotel</a></li>
            <li class="dropdown">
                  <a href="" class="dropdown-toggle" >Rooms <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="" id="INavSemiDeluxe">Semi Deluxe Rooms</a></li>
                    <li><a href="" id="INavDeluxe">Deluxe Rooms</a></li>
                  </ul>
            </li>

        <li><a href="" id="INavAroundus">around us</a></li>
        <li><a href="" id="INavTariff">tariff</a></li>
        <li><a href="" id="INavContact">Contact</a></li>   

    </ul>

</div>


<button type="button btn-white" id="testbutton" class="default" data-dismiss="modal">&times;</button>

Answer 1

只需使用preventDefault() ......

$('nav a').on('click', function(e){
    e.preventDefault();
    alert(this.id);
    window.location.href = "admin-editcp.php";
});

相同的代码不能用于更改选择器类型？

1 个答案: