0

我正在使用覆盖功能创建一个带有 JQuery 工具的界面。

所以,我有一个标签列表,显示叠加中的图像

<a id="11" href="data/images/011.jpg">
<a id="12" href="data/images/012.jpg">
<a id="13" href="data/images/013.jpg">
<a id="14" href="data/images/014.jpg">

然后我有一个输入框(没有表单标签),我只想在其中写“11”,然后单击“显示图像”链接,它会出现在叠加层中,如下所示:

<input type="text" id="searchBox" />
<a id="searchButton" href="#">Cerca</a>

警报的作用是:

$("#searchButton").click(function(){
  alert($("#searchBox").val());
});

那么,我如何“搜索”图像(通过 ID)并模拟真正的点击?

谢谢!!!张

4

4 回答 4

2

请参阅元素 ID 语法的 Web 标准

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

因此,要符合标准,请将标记更改为:

<a id="p11" href="data/images/011.jpg"></a>
<a id="p12" href="data/images/012.jpg"></a>
<a id="p13" href="data/images/013.jpg"></a>
<a id="p14" href="data/images/014.jpg"></a>

Javascript:

$("#searchButton").click(function(){ //set click event of search button
  var piclink_num = $("#searchBox").val(); //get user input which is expected to be numeric part of link ID
  $("#p" + piclink_num).trigger('click'); //trigger click event of intended link
});
于 2009-12-18T17:37:36.257 回答
1

这应该在适当的链接上调用 click 事件

$('#'+$("#searchBox").val()).click();
于 2009-12-18T17:15:31.963 回答
0
$("#searchButton").click(function(){
  var anchorId = $("#searchBox").val();
  alert( $("#" + anchorId).attr("href") );
});

这应该抓住你需要的href。

于 2009-12-18T17:15:36.643 回答
0

您正在尝试模拟对图像的点击?在这种情况下,就像

$('#'+$("#searchBox").val()).click()
于 2009-12-18T17:16:36.533 回答