jqueryモバイルWebページでは、jspのHEADセクションのスクリプトタグ内で定義されたスクリプトを呼び出したいと思います。 ボタンををクリックするボタンをクリックしたときにスクリプトを呼び出す
は<head>
<link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" />
<script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script>
<script>
$("#button").click(function()
{
alert('button clicked');
}
);
</script>
</head>
<body>
<html:errors/>
<div data-role="page" data-theme='a'>
<div data-role="header">
<h1>jquerymobile</h1>
</div>
<div data-role="content">
<div id="button" data-role="button">Click on button</div>
</div>
</div>
</body>
、私はアラートがを示すことにしたいです。しかし、ボタンをクリックしても何も起こりません。
誰かが私に間違っていると教えてもらえますか?
EDIT1:
次のコードはFirefoxの & オペラデスクトップブラウザに警告が表示されます。
$(document).ready(function() {
$("#vbutton").click(function() {
alert("clicked");
});
});
<a id="vbutton" data-role="button">Click Button</a>
同じがオペラモバイル & フェネックブラウザでない仕事をしない理由 - それは読み込みエラーページダイアログを示し??
ちょうど推測です(したがって、コメントではありません)。モバイルブラウザは、divなどのフォーカス不能な要素でonclickイベントをサポートしていない可能性があります。あなたは(本物の) '
data-role = "button"は、クリックできるリアルボタンを生成します。 –
あなたは**