click() 不适用于 元素

Question

我有一个元素，并且具有 javascript 中的函数，我希望它“自动单击”，并且它可以工作。但问题是该元素有 href="#something" 并且它不会更改 url。 它应该将哈希值从 http://url.com 更改为 http://url.com/#something

有什么问题吗？

代码非常简单，如下所示：

<ul id="menu">
<li><a href="#something" class="selected">click here</a></li>
<li><a href="#something2">or click here</a></li>
</ul>

//javascript
document.ready(function(){
 $('#menu a').each(function(i){
  if($(this).attr('class') == 'selected'){
   $(this).click();
   $(this).css('color', 'yellow');
  }
 });
});

click() 起作用是因为颜色发生了变化，但 url 的哈希值保持不变。

谢谢大家。

Answer 1

您可以将 window.location.hash='something2' 添加到代码中。它只会更改哈希值 (#something2)

编辑

<ul id="menu">
<li><a href="#something" rel="something" class="selected">click here</a></li>
<li><a href="#something2" rel="#something2">or click here</a></li>
</ul>


document.ready(function(){
 $('#menu a').click(function(){
  if($(this).attr('class') != 'selected'){
   window.location.hash=$(this).attr('rel');
   $(this).css('color', 'yellow');
  }
 });
});

Answer 2

如果您想更改位置和哈希值，您也可以手动执行此操作，例如

document.location = $('#my-link').attr('href');

Answer 3

我对此不是很清楚，但它是

$(this).trigger('click');

为了触发事件，即强制链接导航。

$(this).click();

只会将 JavaScript 事件触发到 DOM 中。目前，由于这个原因，此代码不会“自动点击”，

这是所需要的吗？

Answer 4

如果它看起来像这样：

<a href='#target'>Click me</a>

它应该可以工作。

自动化：

var target = getElementById('linkid').href;
location.replace('url.html#' + target);