- 締切済み
iPhone向けサイトの開発－iui
現在、iuiを使用して、iPhone＆iPod Touch向けのサイトを勉強がてら作成しておりますが、<li>タグ内に書いている<a>タグ要素内のonclickイベントが発生しなくて困っております。。。 見にくいと思いますが、以下がソースです。(２ファイル) ●page1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>iUI Demo</title> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> <link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon.png" /> <meta name="apple-touch-fullscreen" content="YES" /> <style type="text/css" media="screen">@import "iui/iui.css";</style> <script type="application/x-javascript" src="iui/iui.js"></script> <script type="text/javascript"> function select_kokyaku(code) { alert(code); } function select_busho(code) { alert(code); } </script> </head> <body onclick="console.log('Hello', event.target);"> <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> <ul id="selectkokyaku" title="顧客選択" selected="true"> <li><a href="#kokyaku1" onclick="select_kokyaku('kokyaku1');">顧客１</a></li> <li><a href="#kokyaku2" onclick="select_kokyaku('kokyaku2');">顧客２</a></li> </ul> <ul id="kokyaku1" title="顧客１"> <li><a href="page2.html" onclick="select_busho('busho11');">顧客１－部署１</a></li> <li><a href="page2.html" onclick="select_busho('busho12');">顧客１－部署２</a></li> </ul> <ul id="kokyaku2" title="顧客２"> <li><a href="page2.html" onclick="select_busho('busho21');">顧客２－部署１</a></li> <li><a href="page2.html" onclick="select_busho('busho22');">顧客２－部署２</a></li> </ul> </body> </html> ●page2.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>iUI Demo</title> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> <link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon.png" /> <meta name="apple-touch-fullscreen" content="YES" /> <style type="text/css" media="screen">@import "iui/iui.css";</style> <script type="application/x-javascript" src="iui/iui.js"></script> <script type="text/javascript"> function select_bunrui(code) { alert(code); window.close(); } function select_shouhin(code) { alert(code); window.close(); } </script> </head> <body> <ul id="bunruiselect" title="分類選択" selected="true"> <li><a href="#bunrui1" onclick="select_bunrui('bunrui1');">分類１</a></li> <li><a href="#bunrui2" onclick="select_bunrui('bunrui2');">分類２</a></li> </ul> <ul id="bunrui1" title="分類１"> <li><a href="" onclick="select_shouhin('shouhin11');">分類１－商品１</a></li> <li><a href="" onclick="select_shouhin('shouhin12');">分類１－商品２</a></li> </ul> <ul id="bunrui2" title="分類２"> <li><a href="" onclick="select_shouhin('shouhin21');">分類２－商品１</a></li> <li><a href="" onclick="select_shouhin('shouhin22');">分類２－商品２</a></li> </ul> </body> </html> ※page1.htmlからpage2.htmlに画面遷移後、page2.html側で<a>タグ要素内のonclickイベントが発生しません。。。 サファリで実行して確認しております。 どなたか原因がわかる方はいらっしゃいますでしょうか。 ご教授お願い致します。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
head内にjavascriptがあるのですが、<!-- //-->などは、appleでは、不要の仕様なのでしょうか？
