0

jquerymobileを使い始めたばかりです。

jquery mobile jsとcssを動作中のjqueryページにドロップすると、jquery mobileはカスタムIDを取り除き、例を壊しているようです。これを行うための「jquerymobile」の方法はありますか？

$(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>
4

2 に答える 2

0

私は自分で問題を確認する必要がありますが、ボタンとjquerymobileを使用すると多くのことが起こると推測できます。ボタンは丸みを帯びた素敵なものとして表示されます。これは、追加のマークアップで行われます。

ファイアバグを使用して、ボタンがもう存在するかどうかを確認してください。ボタンが見栄えの良いものに置き換えられた可能性があります。そして、それらがそこにあるとしても、それらは同じDOMノードではない可能性があります。

次のことを試してください。

  1. スクリプトに追加するwindow.hook=$('#btnGPSDefault');
  2. ページを更新した後、firebugコンソールに書き込みwindow.hook、Enterキーを押して、表示されるものをクリックします（空でない場合）

ノードがまだ存在する場合は、ノードがどこにあるかが表示されます。

jquery mobileが本当にそれを台無しにした場合、それはバグです。

<a class="button"代わりにを使用して回避できると思います<button

于 2010-12-18T18:02:41.553 に答える
0

使用するボタン要素にdata-role="none"を追加すると、jquerymobileはそれをマークアップしません。詳細については、こちらをご覧ください：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; " />

「クラス」からわかるように、ボタンを丸めるのに役立つjquerymobilecssをいくつか取り入れました。

何をしようとしているのかわかりませんが、jquery mobile JSをロードする前に、次のJSをロードしてajaxForms/Linksを無効にする必要がある場合もあります。

$（document）.bind（ "mobileinit"、function（）{$ .extend（$ .mobile、{ajaxFormsEnabled：false、ajaxLinksEnabled：false）;}）;

詳細情報：

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

于 2011-03-16T02:19:05.953 に答える