JqueryMobileでボタンの装飾

質問

JqueryMobileでサイトを作成中です。

以下のようなJavascriptで、ボタンをクリックすると、ボタンの表示名が
『Start』から『Stop』に変わる仕組みを検討中です。

JqueryMobileを使用しない場合には問題なく動作しますが、
なぜかJqueryMobileの関連ファイルをヘッダで読み込むと『Stop』に値が変わりません。

検索したところでは、リフレッシュ？やpage()が必要などの記述が見られるのですが、
以下のプログラムに対して、どのように使用すればよいのかわかりません。

JqueryMobileを用いている環境下で、ボタンの表示名を変更するには
どのようにすればよろしいでしょうか。

<form name="myForm" action="#">
<div>
<input type="text" size="20" name="myClick">
<input type="button" value="Start" name="myFormButton"
onclick="myWatch()">
</div>
</form>

<script type="text/javascript">
<!--
function myWatch(){
document.myForm.myFormButton.value = "Stop!";
}

// -->
</script>

回答No.1

fujillin · ベストアンサー

jqueryが関係あるのでしょうか？
ご提示のソースの範囲で考えると、関係があるようにはみえません。

多分、
要素の指定方法について、一つ前の質問と回答をご参考になさるのがよろしいかと。
http://okwave.jp/qa/q7227537.html

お礼

早々のご回答ありがとうございます。
HTMLのヘッダに以下のJqueryMobileを指定すると、
ボタンの表示がSTARTのままでSTOPに変わらないのです。
でも、JqueryMobileのヘッダを削除すると正しく動作します。

JqueryMobileを利用した場合には、Javascriptで画面の変更などを行う場合には、リフレッシュ？をしなければならないように感じますが、その方法がわかりません。

<link type="text/css" href="js/jquery.mobile-1.0.min.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>