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

これにより、適切なリンクでクリック イベントが呼び出されます。

$('#'+$("#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 に答える