我正在使用 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)并模拟真实的点击?
谢谢!!! 泰奥
最佳答案
请参阅web standard for element ID syntax
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
});
关于javascript - JQuery工具,从输入框溢出图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1929562/