JQuery мобильный и JQuery Jplayer конфликт

У меня проблема с JQuery Mobile и JQuery Jplayer, конфликтующими друг с другом. Проблема, с которой я столкнулась, заключается в том, что когда вы включаете JQuery Jplayer в мобильный сайт JQuery, и вы нажимаете кнопку, чтобы начать прослушивание аудио, она изменяет кнопку html и изменяет внешний вид веб-сайта, поскольку JQuery mobile не просто измените html, он добавляет следующий код.JQuery мобильный и JQuery Jplayer конфликт

<span class="ui-btn-inner ui-btn-corner-all"> 
<span class="ui-btn-text">Continue</span> 
</span>

Everytime я пытаюсь переписать его, включив следующий сценарий:

$ (это) .html ('Continue');

Он просто не работает. Любая идея, что делать в этой ситуации?

источник

2012-06-25 ElliotDurden

исключает Jquery мобильного определенных атрибутов из вашего контейнера, который может работать (в данном случае, вероятно, данные ролей = 'button') – Th0rndike

, но при этом он убирает весь встроенный стиль Jquery mobile и оставляет его больше не похожим на кнопку. – ElliotDurden

те, что вы ненавидите. Является мобильным стилем jquery ... – Th0rndike

Чтобы обновить элементы пользовательского интерфейса jQuery Mobile, вы должны позвонить .refresh() элементам после изменения исходного элемента (работает только с элементами формы, а не с кнопками ссылки).

$(this).html('Continue').button('refresh');

Или Change button text jquery mobile

$ ("# потребляются .ui-BTN-текст") текст ("Mark New").

Если элемент находится кнопка:

$(this).closest(".ui-btn").find(".ui-btn-text").text("Continue");

Если его ссылка:

$(this).find(".ui-btn-text").text("Continue");

источник

2012-06-25 15:23:51 rcdmk

Это решение дало мне следующую ошибку: «uncaught exception: не удалось вызвать методы на кнопке до инициализации, попытался вызвать метод« refresh » – ElliotDurden

Я обновил ответ.Посмотрите, помогает ли это. Кроме того, отправьте соответствующий код на вопрос как и отредактируйте, пожалуйста. – rcdmk

Это решение отлично работает. Все дело в том, чтобы найти правильный диапазон, а затем изменить его текст. Спасибо, сэр! – ElliotDurden

Если вы загрузили JQM с темами, JQM переопределит основные элементы в ваших стилях и любых стилях плагина.

Существует загрузка для структуры только JQM CSS: http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.css

Есть несколько вариантов здесь:

1) Зайдите в CSS и сделать JQM переопределяет для достижения согласованных стилей, если они отличаются тематические темы.

2) Создайте собственную тему JQM.

3) Вопрос, действительно ли вам необходимо использовать структуру JQM. Много раз я начинаю с JQM, только для того, чтобы заменить большую часть функций микро-решениями javascript/jQuery. Если вы обнаружите, что отключите JQM-функциональность и замените ее чем-то другим, вы должны задать вопрос, является ли использование JQM наилучшим подходом.

источник

2012-06-25 15:21:52 Lowkase

JQuery мобильный и JQuery Jplayer конфликт

ответ

Смежные вопросы