0

您好我正在尝试创建一个基本的下拉菜单，允许用户导航到 jQuery 滑块中的特定幻灯片。onClick="jQuery('.slider').Slider().gotoSlide(1); return false;"这个滑块脚本提供了公共方法“gotoSlide(index)”，因此可以通过例如跳转到特定的幻灯片。我想将此链接集成到一个基本的 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>

查询

$('#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 回答