当前位置: 首页 > 面试题库 >

如何通过jquery模拟锚定点击?

西门梓
2023-03-14
问题内容

我在通过jQuery伪造锚点单击时遇到问题:为什么我的thickbox第一次单击输入按钮时出现,但第二次或第三次却没有出现?

这是我的代码:

<input onclick="$('#thickboxId').click();" type="button" value="Click me" />

<a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a>

当我直接单击链接时,它总是起作用,但是如果我尝试通过输入按钮激活thickbox,则它不会起作用。这是在FF。对于Chrome,它似乎每次都能正常工作。有什么提示吗?


尽量避免内联这样的jQuery调用。将脚本标签放在页面顶部以绑定到click事件:

<script type="text/javascript">
$(function(){
    $('#thickboxButton').click(function(){
        $('#thickboxId').click();
    });
});
</script>

<input id="thickboxButton" type="button" value="Click me">
<a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a>

编辑:

如果您试图模拟实际点击链接的用户,那么我认为这是不可能的。一种解决方法是更新按钮的click事件以更改window.locationJavascript中的:

<script type="text/javascript">
$(function(){
    $('#thickboxButton').click(function(){
        window.location = $('#thickboxId').attr('href');
    });
});
</script>

编辑2:

现在,我意识到Thinbox是一个自定义jQuery
UI小部件,我在这里找到了说明:

说明:

  • 创建链接元素(<a href>
  • 为链接赋予一​​个类属性,其值具有thickbox(class="thickbox"
  • href链接的属性中,添加以下锚点:#TB_inline
  • href属性之后,#TB_inline将以下查询字符串添加到锚点:

?height = 300&width = 300&inlineId = myOnPageContent

  • 相应地更改查询中的height,width和inlineId的值(inlineID是元素的ID值,该元素包含要在ThinBox中显示的内容。

  • (可选)您可以将modal = true添加到查询字符串(例如#TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true),以便关闭ThickBox将需要tb_remove()从ThickBox内部调用该函数。请参见隐藏的模态内容示例,在该示例中必须单击“是”或“否”以关闭ThinBox。



 类似资料:
  • 问题内容: 我想模拟对锚标签的点击,并带有所有类似正确目标处理之类的功能。 锚点的DOM对象似乎有一个[[click()] [3]“方法,但并非所有浏览器都支持。Firefox抛出此错误: 错误:anchorObj.click不是函数 它在Opera 10和Konqueror上也很奇怪,当在周围div的onclick处理函数中调用它时,会导致无限点击。我猜只有IE8可以正常工作。无论如何,我都不想

  • 问题内容: 是否可以使用给定的坐标来模拟网页中JavaScript的点击? 问题答案: 您可以调度 点击 事件,尽管这与实际点击不同。例如,它不能用于欺骗跨域iframe文档以使其被点击。 所有现代浏览器都支持和,因为至少IE 6,火狐5,Chrome浏览器和Safari的你很可能任何版本可能任何版本的关心。它甚至会点击链接并提交表格:

  • 问题内容: 我有一个类似的网址: 如何使用jQuery 获取锚点值并将其存储为变量? 问题答案: 您可以使用和,如下所示: 如果其中可能没有,请执行以下检查: 如果这是 当前 页面的URL,则可以使用它来获取它,并根据需要替换。

  • 问题内容: 如何使用jQuery启用或禁用锚点? 问题答案: 为了防止锚跟随指定的位置,我建议使用:

  • 问题内容: 我只是想知道如何使用JavaScript模拟元素的点击。 目前我有: 但这不起作用:( 有任何想法吗? 问题答案: 这是我煮的 这很简单,但是有效: 用法:

  • 问题内容: 我正在寻找创建鱼眼镜头效果的方法,查看了openCV的文档,看起来它包含针对像鱼眼这样的径向变形的“相机校准”功能。是否可以通过openCV模拟鱼眼失真? 如果与openGL相比,openCV可以做到,哪一个会产生更好的结果?谢谢。 问题答案: 我使用opencv创建了此应用。这是您所指的效果吗?我基本上编码了维基百科“ Distortion(optics)”上显示的公式,如果需要,我