2012-03-14 32 views
0

jqueryモバイルフレームワークでモバイルサイトを開発していて、javascript onclickイベントがアクティブになっているときにdivの表示/非表示に問題が発生しました。それは私のデスクトップのサファリブラウザ(と他のデスクトップのbroswers)で、まだSafariのiPhoneのバージョンでは正常に動作します。問題のJavascriptトグルボタンがiPhoneで動作しない

ページは次のとおりです。

http://m.bestoddsindia.com/odds/#/odds/cricket/competitions-level1/competitions-level2/competitions-level3/bookmakers-outright-odds.php?comp1=New%20Zealand%20V%20South%20Africa%20Tests&markettype=2&bettype=Series%20Correct%20Score

真下より多くのコンテンツを表示するリストのリンクのいずれかをクリックすると、正常に動作し。 iPhone環境でjavascriptとjqueryモバイルライブラリとの間に何らかの矛盾があるかどうか疑問に思っていました。

あなたはここで基本的なコードの構造を表示することができます。http://jsfiddle.net/bestoddsglobal/vxdCL/21/

(それはどちらかjsfiddle環境では動作しません!)

+0

取り組んでいますdcl/22/ – Unknown

+0

クロムでは、jsFiddleのonclickハンドラを登録していないようですが、スクリプト部分のページの読み込み時にイベントを登録して機能させる必要がありました。 Safariもこの問題を抱えている可能性があります。 – joshuahealy

+0

jsFiddleは、関数がグローバルスコープで正しく定義されるように、headセクションのコード(左上のドロップダウン)を持つように設定する必要があります。それがjsFiddleを動作させます。 – jfriend00

答えて

0

をあなたはこれにトグル機能を変更することができ、jQueryのを参照してきたように:

function toggle_display(strID) 
{ 
    $('#' + strID).toggle(); 
    return false; 
} 

この関数のドキュメントは、ITSはhttp://jsfiddle.net/vxをチェックfine.Please here

関連する問題