jQuery/Javascript移动和强制点击

jQuery/Javascript to move and force-click?

本文关键字：Javascript 移动 jQuery      更新时间：2023-09-26

我需要在这里使用jQuery或JS。我有一个词汇表页面，上面有一堆术语。每个术语链接都有一个唯一的rel，用于执行一个ajax请求来获取定义。每个术语链接也包装在一个div中，该div具有唯一的ID，即word/term。这一切之所以有效，是因为有一个聪明的人写了它，而不是我。

什么不工作:一些术语有一个'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。有人能帮忙吗?

使用jQuery可以强制点击事件。锚标记需要像这样:

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

你需要另一个javascript函数:

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

这里有一个小提琴来说明:

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

要尝试一下，展开TWO并单击其中的FIVE链接。这个链接会把你带到第五页，并展开它。

这里有两件。首先，要将页面移动到FIVE所在的位置，只需将#id作为href。在这个例子中是<a href="#five"。这个，当点击时，将带您到id为five的元素。

第二部分是点击:

$("#fivelink").click(function(){
       $("#five").click(); 
    });
相关文章：