Мобильный JQuery зачистки моего идентификатора - PullRequest
Новая
       23

Мобильный JQuery зачистки моего идентификатора

0 голосов
/ 18 декабря 2010

Я только начинаю использовать jquery mobile.

Когда я перетаскиваю jquery mobile js и css на рабочую страницу jquery, jquery mobile отбрасывает мои собственные идентификаторы и ломает пример.Есть ли способ сделать это с помощью jquery mobile? 

$(document).ready(function() {

            // ----
            $('#btnGPSDefault').click(function() {
                alert("!");
                getPosition('');
            });

            // ----
            $('#btnGPSHigh').click(function() {
                getPosition('{enableHighAccuracy : true}');
            });   
      });



<button id="btnGPSDefault">Get Coordinates (default settings)</button>
<button id="btnGPSHigh">Get Coordinates (high accuracy)</button>

Ответы [ 2 ]

0 голосов
/ 16 марта 2011

Если вы добавите data-role = "none" в используемый вами элемент кнопки, jquery mobile не разметит его.Проверьте это для получения дополнительной информации: http://jquerymobile.com/test/docs/forms/docs-forms.html

Это то, что я использовал: 

 <input type="button" data-role="none" class="flip ui-btn-corner-all ui-shadow" value="+" style="font-size: 300%; background-color: green; color: white; " />

Как вы можете видеть из "класса", я вытащил некоторые из мобильных jss jssery кпомогите обвести кнопку.

Я не уверен, что вы пытаетесь сделать, но вам также может понадобиться отключить ajaxForms / Links, загрузив следующий JS перед загрузкой JQuery Mobile JS:

$ (document) .bind ("mobileinit", function () {$ .extend ($ .mobile, {ajaxFormsEnabled: false, ajaxLinksEnabled: false);});

Для получения дополнительной информации:

http://jquerymobile.com/test/docs/api/globalconfig.html

0 голосов
/ 18 декабря 2010

Я бы сам увидел проблему, но могу догадаться, что при использовании кнопок и jquery mobile - происходит много всего. Кнопки выглядят как приятные и округлые. Это сделано с дополнительной разметкой.

Попробуйте использовать firebug, чтобы увидеть, есть ли там ваши кнопки - возможно, их заменили на те, которые выглядят лучше. И даже если они там есть - они могут не совпадать с DOM-узлами.

Попробуйте следующее:

  1. добавить в свой скрипт window.hook=$('#btnGPSDefault');
  2. после обновления страницы напишите window.hook в консоль Firebug, нажмите Enter и нажмите, что появится (если оно не пустое)

Он должен показать вам, где находится узел, если он все еще существует.

Если JQuery Mobile действительно испортил - это ошибка.

Полагаю, вы можете обойти это, используя <a class="button" вместо <button

...