以前はモバイルウェブアプリで確認のためにJavaScriptダイアログを使用していましたが、現在はJQM1.2の新しいポップアップ機能の使用に切り替えようとしています。最初のテストが機能しません。ポップアップが表示されず、呼び出そうとしているアンカーにリダイレクトされます。
私のテストコードは単純ですが、hamlを使用しているため少し難読化されています。
%a{:href => "#popupBasic", :"data-rel" => "popup"} Show popup
%div{:id => "popupBasic", :"data-role" => "popup"} Basic popup div
とはいえ、hamlが最終的なHTML出力の読み取りに基づいて問題を引き起こしているとは思わない。両方の要素は同じ深さにあり、要素内に含まれています。
さらに、コンソールで以下を使用すると、divは問題なく「ポップアップ」します。
$( "#popupBasic" ).popup( "open" )
そのため、問題はリンクまたはURL処理のどこかにあると思います。リンクをクリックすると、代わりに直接
http://localhost:3000/#popupBasic
意図したとおりにポップアップが表示されるように、URLを別の方法で処理する方法についてのアイデアはありますか?