Question

我使用这样的Tab引导程序组件

<header class="card-header">
                    <ul class="nav nav-tabs card-header-tabs">
                      <li class="nav-item">
                        <a id="show" data-show="published" class="nav-link {{ request()->show == null || request()->show == 'published' ? 'active' : '' }}">Semua</a>
                      </li>
                      <li class="nav-item">
                        <a id="show" data-show="draft" class="nav-link {{ request()->show == 'draft' ? 'active' : '' }}">Draft</a>
                      </li>
                      <li class="nav-item">
                        <a id="show" data-show="pending" class="nav-link {{ request()->show == 'pending' ? 'active' : '' }}">Pending</a>
                      </li>
                    </ul>
                  </header>

当<a id="show"></a>单击并重定向到其他链接时，我会处理

$("#show").click(function(e) {
      e.preventDefault();
      window.location =  updateURLParameter(window.location.href, "show", $(this).attr("data-show"));
   });

但是浏览器无法重定向

Answer 1

只需使用此：

$("#show").click(function(e) {
      e.preventDefault();
      window.location = '/data-show';
   });

Answer 2

jquery选择器必须为$("[id='idOfElement']")格式。

因此使用：

$("[id='show']").click(function(e) {
    e.preventDefault();
    window.location =  updateURLParameter(window.location.href, "show", 
$(this).attr("data-show"));
  });

Answer 3

我建议这样

$("body #show").click(function(e) {
    console.log("It so ok");
    #your code
});

Answer 4

由于您使用 id ， ID在页面中应该是唯一的，因此当您要查找单个唯一的元素时，应该使用#id选择器。我建议切换到课程，

$(".nav-item a").click(function(e) {
      e.preventDefault();
      window.location =  updateURLParameter(window.location.href, "show", $(this).attr("data-show"));
   });

点击功能jquery无法正常运行

4 个答案: