javascript - jquery如果url包含参数则触发点击

Question

您好，当 URL 包含“ddg”参数时，我尝试自动单击 li 标记的第 9 个子标记。我已经尝试过这个，但使用 jQuery 我无法让它工作。该代码位于 document.ready 函数内。谢谢!

if(window.location.href.indexOf("ddg") > -1) {
    setTimeout(function() {
        $("#nav-categories li:nth-child(9)").trigger("click");
    },1000);
}

Answer 1

仔细检查您的选择器是否正确。我用“_display”替换了“ddg”，这样它就可以在 jsfiddle 中工作。希望这有帮助!

使用 jQuery 1.7.2:

https://jsfiddle.net/shawn1/14r2g3d3/

html

<ol id="nav-categories">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li id="test"></li>
<li></li>
</ol>

JS

$( document ).ready(function() {

  //setup click event
  $( "#test" ).on( "click", function() {
    $( this ).html("clicked");
  });

  //click item if url contains _display
  if(window.location.href.indexOf("_display") !== -1) {
    setTimeout(function() {
      $("#nav-categories li:nth-child(9)").trigger("click");
    },1000);
  }

});