5

jQueryのリンクボタンに問題があります。「jQueryリンクボタンの選択解除」を検索してWebで見つけたほとんどのフォーラムエントリは、リンクボタンではなく、フォームボタンまたはチェックボックスについて処理します。だから私はここの誰かが私を助けてくれることを願っています:-)。

問題の説明：Webページに静的リンクボタンがいくつかあり、それをクリックすると、javascript関数を呼び出し、ボタンのテキストを変更します。今私の問題は、テキストを変更した後もボタンが選択されたままであり、これはすべきではないことです。

index.html：

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <script src="jquery-mobile/jquery.mobile-1.0.min.js"  type="text/javascript"></script>
  <script src="basic.js" type="text/javascript"></script>
</head>
<body>
...
<a href="#" data-role="button" onmouseup="nextStep(1)" id="button1">Example1</a>
<a href="#" data-role="button" onmouseup="nextStep(2)" id="button2">Example2</a>
<a href="#" data-role="button" onmouseup="nextStep(3)" id="button3">Example3</a>
...
</body>

basic.js

function nextStep(buttonIndex){
  $("#button1 .ui-btn-text").text("Example4");
  $("#button2 .ui-btn-text").text("Example5");
  $("#button3 .ui-btn-text").text("Example6");
}

上記のコードは、私が行っていることの例です。新しいテキストを設定した後の最初の説明では、ボタンはまだ選択されています。ボタンの選択を解除する解決策を知っている人はいますか？

選択したボタンの画像：http：//up.picr.de/12133494ev.png

助けてくれてありがとう:-)。

トーマス

-------------------------

迅速な対応ありがとうございます。提案してみました

function nextStep(buttonIndex){
  $("#button1 .ui-btn-text").text("Example4").removeClass('ui-btn-active');
  $("#button2 .ui-btn-text").text("Example5").removeClass('ui-btn-active');
  $("#button3 .ui-btn-text").text("Example6").removeClass('ui-btn-active');
}

残念ながら、期待どおりには機能しません。もっと正確に言えば、私は行動の変化を見ることができません。

このような動作を引き起こす可能性のある他の要素がページにある可能性があることに注意してください。

ボタンは、JavaScriptを介してコンテンツを変更する他の要素（見出しと表）を含むページの一部です。しかし、私にとっては、これがボタンの動作にどのように影響するかは明確ではありません。

例：

var table = document.getElementById('solution');
var cell = table.rows[1].cells[1];
cell = table.rows[2].cells[1];
cell.firstChild.data = "";
cell = table.rows[3].cells[1];
cell.firstChild.data = "";
cell = table.rows[4].cells[1];
cell.firstChild.data = "";
...

また

$("#headline").empty();
headlineOutput = "Buttons";
$("#headline").append(headlineOutput);

何か提案やヒントはありますか？

ありがとうございました。

-------------------------

function nextStep(buttonIndex){
  $("#button1 .ui-btn-text").text("Example4").blur();
  $("#button2 .ui-btn-text").text("Example5").blur();
  $("#button3 .ui-btn-text").text("Example6").blur();
}

この提案も動作に変更はありません:-(。

Qt関数「setCheckable（false）and setFocusPolicy（Qt :: NoFocus）」のようなものがありません;-)。

助けてくれてありがとう。

4

2 に答える 2

2

これを試して：

function nextStep(buttonIndex){
  $("#button1 .ui-btn-text").text("Example4").blur();
  $("#button2 .ui-btn-text").text("Example5").blur();
  $("#button3 .ui-btn-text").text("Example6").blur();
}

それでもうまくいかない場合は、これを試してください：

function nextStep(buttonIndex){
  $("#button1 .ui-btn-text").text("Example4").removeClass('ui-btn-active');
  $("#button2 .ui-btn-text").text("Example5").removeClass('ui-btn-active');
  $("#button3 .ui-btn-text").text("Example6").removeClass('ui-btn-active');
}
于 2012-10-12T06:56:24.037 に答える