Question

我已经设置了一个mmenu插件，可让您在侧面滑动滑动菜单，但这会使我的内容文字无法选择/突出显示。

如果像这样的问题仍然存在，你们有什么建议我可以调试或跟踪代码吗？

我尝试检查是否有类似以下的CSS样式

html, body{
    user-select:none;
    MozUserSelect:none;
    webkitUserSelect: none;
}

但不，它没有那样的东西..

我试图说，如果它是由插件引起的，你如何找到使其无法选择的代码？因为我很确定插件的作者没有使用那个CSS，因为我看不到那样的CSS代码。

插件网址：https://github.com/BeSite/jQuery.mmenu 扩展Hammer插件：http://cdnjs.cloudflare.com/ajax/libs/hammer.js/1.0.5/jquery.hammer.js

Answer 1

改为使用：

html, body{
    -moz-user-select: all !important;
    -webkit-user-select: all !important;
    user-select: all !important; // call it at last for better use
}

Answer 2

使用chrome并右键单击测试，然后选择inspect元素。现在看看计算出的样式，看看是否有任何奇怪的事情发生。

如果没有，另一个探索的选择是，是否有任何奇怪的javascript影响你的点击等（虽然我不完全确定这可能达到这个水平）。

Answer 3

阅读和发现插件的问题非常困难。
因为它的作者以自己的方式写了它但我认为这是另一个问题..
也许任何元素如<div>，<span>可能位于文本上方，
因此您无法选择文本，

1）请在Chrome中打开网站..
2）右键单击文本，
3）选择Inspect元素..
4）在新打开的窗口中，检查是否选择了包含文本的元素如果未选中，则另一个元素仍位于文本

之上

或者做一个，将网页上传到互联网，然后将网址粘贴到此处

Answer 4

我找到了userSelect none的设置位置。它是mmenu插件扩展的锤子插件。 http://cdnjs.cloudflare.com/ajax/libs/hammer.js/1.0.5/jquery.hammer.js

我已重置锤子默认值：

这

userSelect:"none",touchAction:"none",touchCallout:"none",contentZooming:"none",userDrag:"none"

到

userSelect:"",touchAction:"",touchCallout:"",contentZooming:"",userDrag:""

我已经在插件中重置了它，因为如果你在实例化插件后在javascript中重置它，它仍然无法正常工作

插件导致文本无法选择。在哪里调试？

4 个答案: