表单字段在div内部时不在firefox上运行

Question

好吧标题说这一切“表格字段在div内部不能使用firefox”基本上你不能使用该字段，你不能输入它，你不能选择它。如果我使用选择框，则无法选择选项。

如果我将表单字段移出任何div的一侧，那就可以了。

继承我的代码

        <form action="" method="post">
            <div class="optionsbox" id="settings">
                    <div class="optionitem">Google Analytics
                        <div style="float:right;">
                            <input type="text" id="googleanalytics" name="googleanalytics" size="10"/>
                        </div>
                 </div>
             </div>
        </form>

这只发生在Firefox中，我尝试过的所有其他浏览器都可以正常工作。哦，我想指出没有jquery / javascript onclick或附加到此表单或div的其他功能。

任何人都能帮忙回答这个问题吗？它正在努力。

并且你知道，我已经尝试了7种不同的机器，所以它不是我的浏览器，因此清除缓存或重置firefox将无法正常工作。

---

我发现问题，在.js文件中是以下行

$("div").disableSelection();

这是一个完全不相关的脚本，并且出于某种原因，只有在firefox中加载时才会影响div。没有别的。

感谢您迄今为止所做的回复。我会把这个留给那些遇到同样问题的人。

Answer 1

问题是旧的jQuery的disableSelection()方法会进行浏览器嗅探，并在不同的浏览器中运行不同的代码。在Firefox中，它会阻止元素及其所有后代上的所有鼠标事件。

这就是为什么http://api.jqueryui.com/disableSelection/上的API文档说不使用它以及为什么它在最近的jQuery中消失了。