私は最新バージョンの jquery mobile を使用していますが、問題は、送信ボタンに ID を指定してから、ID を display:none; に設定する CSS を追加したことです。
何らかの理由でこれは機能しません。
これまでにこの問題を経験した人はいますか?
ベストアンサー1
コードなしで何をしようとしているのかは分かりませんが、問題は、jQuery Mobile が既存のボタンにスタイルを設定せず、要素を非表示にして、ボタンのdiv
ように見えて動作するようにスタイル設定された新しい要素でラップするという事実から生じていると思います。
ボタンの現在の jQuery Mobile マークアップは次のようになります。
<div data-theme="e" class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-hover-e ui-btn-down-e" aria-disabled="false">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Submit</span>
</span>
<input type="submit" id="submit_btn" value="Submit" data-theme="e" data-inline="true" class="ui-btn-hidden" aria-disabled="false">
</div>
そこで、クラスに最も近い祖先を探してui-btn
非表示にします。
$('#submit_btn').closest('.ui-btn').hide();
もっと良い方法があれば、ぜひ教えてください。フィドル私の解決策を実際に示すものです。