Question

我需要在这里使用jQuery或JS。我有一个词汇表页面，上面有很多术语。每个术语链接都有一个唯一的rel，用于执行ajax请求以提取定义。每个术语链接也包含在具有唯一ID的div中，该ID是单词/术语。这一切都有效，因为有些聪明的人不是我写的。

什么不起作用：某些术语有一个'see also'输出，它引用了页面上的其他术语。基本上，我想做这样的事情......

<h1>Term 5</h1>
<p>Here's the definition.
See Also:
<a href="#">Term 1</a>
<a href="#">Term 2</a>
<a href="#">Term 3</a>
</p>
....
<div id="Term 1" class="clickEventJSclass">Term 1</div>
<div id="Term 2" class="clickEventJSclass">Term 2</div>
<div id="Term 3" class="clickEventJSclass">Term 3</div>

我需要能够在一个定义的输出中单击术语1,2等，并将其移至AND单击术语以打开新定义。这可以通过动态方式完成，其中一个函数可以处理所有链接ID吗？我的示例没有给出链接ID，但如果需要，我可以为每个术语创建一个唯一的链接ID。有人可以帮忙吗？

Answer 1

使用jQuery可以强制执行click事件。锚标签需要类似：

<a href="#" onclick="javascript_function('Div ID')">Term</a>

你需要另一个javascript函数：

function javascript_function(div) {
    $('#' + div).trigger('click');
}

Answer 2

这是一个小提琴来说明：

http://jsfiddle.net/AwQZf/1/

要试用它，请展开TWO并单击其中显示为FIVE的链接。该链接将您带到五个并展开它。

这里有2件。首先，要将页面移动到FIVE所在的位置，只需将#id作为href即可。在这种情况下<a href="#five"。单击此按钮，将转到ID为five的元素。

第二部分是点击：

$("#fivelink").click(function(){
       $("#five").click(); 
    });

jQuery / Javascript移动和强制点击？

2 个答案: