下拉框之间的jquery冲突/阅读更多和菜单

时间:2015-08-13 16:42:24

标签: jquery

我在同一页面上有两个下拉框,它们协同工作。第二个列表中显示的选项基于第一个框中的选择。在同一页面上还有一个read more / read less部分和一个弹出式超级菜单。阅读更多/阅读更少,菜单工作正常,直到我添加两个下拉框。添加下拉框后,弹出菜单将不会打开,读取更多/读取更少的隐藏内容将被暴露,并且不会关闭。在我加入jQuery.noConflict(true)之前,这两个下拉框不起作用。添加后,下拉框可以工作,但菜单和阅读更多/阅读更少停止工作。下面是我用于下拉框的代码。

我试过移动" jQuery.noConflict(true)"围绕并将结束标签放置在不同的区域,但没有成功。我的目标是让两个下拉框与read more / read less和弹出菜单一起工作。非常感谢您提出的任何建议。

 <div class="row">
 <div class="small-2 small-centered columns">
 <form name="doublecombo">
 <p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
 <option>Technology Sites</option>
 <option>News Sites</option>
 <option>Search Engines</option>
 </select>

 <script type="text/javascript">juery.noConflict(true)</script>
 <select name="stage2" size="1">
 <option value="http://javascriptkit.com">JavaScript Kit</option>
 <option value="http://www.news.com">News.com</option>
 <option value="http://www.wired.com">Wired News</option>
 </select>
 </p>
 </div>
 </div>
 </div>
 <script>
 <!--
 /*
 Double Combo Script Credit
 By JavaScript Kit (www.javascriptkit.com)
 Over 200+ free JavaScripts here!
 */
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
    group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>

0 个答案:

没有答案