Текст становится невыбираемым из-за плагина. Где отлаживать?
Я установил плагин mmenu, который позволяет скользить по сторонам меню, но он не позволяет выделять / выделять текст моего контента.
Ребята, есть ли у вас какие-либо предположения, как я могу отладить или отследить код, если подобные проблемы сохраняются?
Я попытался проверить, есть ли стили CSS, как показано ниже,
html, body{
user-select:none;
MozUserSelect:none;
webkitUserSelect: none;
}
но нет, у него нет ничего подобного..
Что я пытаюсь сказать, если это вызвано плагином, как вы находите код, который делает его недоступным для выбора? потому что я уверен, что автор плагина не использовал этот CSS, потому что я не мог видеть такой код CSS.
URL плагина: https://github.com/BeSite/jQuery.mmenu расширяет плагин Hammer: http://cdnjs.cloudflare.com/ajax/libs/hammer.js/1.0.5/jquery.hammer.js
4 ответа
Используйте вместо этого, как это:
html, body{
-moz-user-select: all !important;
-webkit-user-select: all !important;
user-select: all !important; // call it at last for better use
}
Я нашел, где userSelect никто не был установлен. Он находится в плагине молотка, который расширяет плагин 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 после создания экземпляра плагина, он все равно не будет работать
Используйте Chrome и щелкните правой кнопкой мыши на тесте, и выберите элемент Inspect. Теперь посмотрите на вычисленные стили и посмотрите, происходит ли что-то странное.
Если нет, то другой вариант для изучения - есть ли какой-то странный javascript, влияющий на ваш клик и т. Д. (Хотя я не совсем уверен, что это возможно до этого уровня).
Чтение и нахождение проблем с плагином очень сложно..
потому что автор написал это по-своему..
Но я думаю, что это еще одна проблема..
может любые элементы, как <div>
, <span>
Может располагаться над текстом,,
Таким образом, вы не можете выбрать текст,,
1) Пожалуйста, откройте сайт в Chrome.
2) И щелкните правой кнопкой мыши на тексте,,
3) Выберите Inspect element.
4) В новом открытом окне проверьте, выбран ли элемент, содержащий текст
если он не выбран, другой элемент все еще над текстом
Или сделайте один, загрузите веб-страницу в интернет и вставьте сюда URL