添加链接时,Bootstrap下拉按钮将不起作用

时间:2018-07-22 15:34:51

标签: javascript jquery bootstrap-4

已创建Bootstrap下拉菜单。我已经为此使用jQuery,Bootstrap。链接不在下拉菜单中时在菜单上起作用,但是在下拉菜单中时,链接未重定向到我设置的任何页面。我在这里做什么错了?

<li class="dropdown">
  <a href="#" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Test<span class="caret"></span></a>
  <ul class="dropdown-menu" role="menu">
    <li class="dropdown-header">Places</li>
    <li><a id="link1" href="link.php#">Link II</a></li>
    <li><a id="link2" href="linktwo.php">Link III</a></li>
  </ul>
</li>

我在脚本部分中有这个

$(document).ready(function() {
  $("link1").click(function() {
    window.location = pageLink.concat('link=true');
  });
});

$(document).ready(function() {
  $("#link2").click(function() {
    window.location = pageLink.concat('changeChar=true');
  });
});

2 个答案:

答案 0 :(得分:2)

触发功能

$() = jQuery

$().on() =您要触发哪个动作

$().on('click') =监听和触发

  • 您要触发元素类“学生”:

它将是::

$('.student').on('change', function(){ returnMe(this.value); })

答案 1 :(得分:1)

要从HTML元素中选择ID,我们使用#id_name 您没有使用#选择link1元素

使用  $("#link1").click(function(){  已安装$("link1").click(function(){