0

こんにちは、ユーザーが jQuery スライダーで特定のスライドに移動できる基本的なドロップダウン メニューを作成しようとしています。このスライダー スクリプトはパブリック メソッド「gotoSlide(index)」を提供するため、たとえば、特定のスライドにジャンプできonClick="jQuery('.slider').Slider().gotoSlide(1); return false;"ます。このリンクを基本的な HTML ドロップダウン メニュー フォームに統合したいと思います。

<form name="jumpTo">
    <select name="menu" onChange="...">
    <option value= onClick="jQuery('.slider').Slider().gotoSlide(1); return false;">LINK 1</option>
    <option>...</option>
    </select>
</form>

構文が間違っていると思います。適切な JS を「onChange」プロパティに追加して、スライダー内でのナビゲーションを有効にする必要があるようですが (?)、どうすればよいかわかりません。onChange="window.location=this.options[this.selectedIndex].value;"通常のリンクではうまく機能するように見えますが、クリックイベントでは機能しないようです。

ここでご案内いただきありがとうございます。

4

1 に答える 1

1

選択ボックスのイベントを使用...変更された選択ボックスの値を取得し、同様change()に関数を呼び出しますgotoSlide()

これを試して

HTML

<form name="jumpTo">
  <select name="menu" id="selectmenu"> //added an id here
    <option value="1">LINK 1</option> //changed the value to the slider you want to go to
   <option value="2">LINK 2</option>....
 </select>
</form>

Jクエリ

$('#selectmenu').change(function(){  //calling change event
     jQuery('.slider').Slider().gotoSlide($(this).val());  //go to slide with the changed value
     return false;

 });
于 2013-02-05T07:22:05.263 に答える