jQuery在选择框中自动选择选项。如何禁用?

问题描述:

我在Wordpress中建立一个网站,我有几个选择框用于在不同的职位之间进行导航。漂亮的基本东西:jQuery在选择框中自动选择选项。如何禁用?

<select id="all" name="allPostsAllSelect"> 
<option value="-1" style="font-weight:bold">--All programmes--</option> 
<option value="http://site.domain/articleid/">Article 1</option> 
... 
</select> 

当一个项目被选中,当前页面被加载,这里我的问题开始。不知何故,选定的选项仍然选择在文章页面上,并且我不使用框架;)

我试图在萤火虫中设置断点,似乎jquery中的某处在优化完全不可读代码“帮助”我神奇地选择与当前URL匹配的选项。我试图谷歌这一点,但我找不到任何东西。

似乎WordPress使用

jquery.js?ver=1.7.2 
jquery.cycle.all.js?ver=3.4 
jquery.metadata.v2.js?ver=3.4 
jquery.touchwipe.1.1.1.js?ver=3.4 

不用说,我不想要这个“救命”,我想除非我说不同的东西总是被选择的第一个项目。到底发生了什么,我该怎么把它关掉?

谢谢!

jQuery的,严格来说,是不是这样做。 jQuery库几乎没有任何东西。我也不知道WordPress中的任何内容会自动执行此操作,并且默认情况下WordPress不会在前端加载任何这些脚本(大概90%肯定)。您的主题或插件中的某些内容正在执行此操作。尝试通过逐个禁用您的插件并切换到默认主题来找出哪一个。如果我能看到你的网站会更容易。你有公共网址吗?

+0

谢谢你,你可以在这里试试:http://svtsales.com/programme-sales/选择一个程序在左边,你明白我的意思。 –

+0

因为我不喜欢wp中的插件系统,所以我编写几乎所有的自我。所以它可能是我的错,但我找不到它。 –

+1

它是由你的主题加载的“responsive-*”脚本之一 - 我认为这是一个:http://svtsales.com/wp-content/themes/responsive/js/responsive-scripts.js?ver= 1.1.1 –

你可以设置所选择的价值自己:

$(document).ready(function() { 
    // select a specific option 
    $("#all").val("-1"); 
}); 

或清除选项(将首先选择默认情况下):

$(document).ready(function() { 
    $("#all").val(""); 
}); 
+0

我试过这个,问题是jQuery操作在我的代码后以某种方式执行。我不确定如何更改此顺序,也许我必须挂钩到另一个事件,而不是document.ready? –

+1

你有没有试过把它加到'

'的最后? – jrummell
+0

不,但不是黑客,我更愿意理解正在发生的事情,即使使用萤火虫,我也觉得很难调试JavaScript。我真的错过了一个体面的工作环境。 –