css - 在 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 中，它会阻止元素及其所有后代上的所有鼠标事件。

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