2011-07-19 9 views
1

jquery-uiタブオブジェクトに異常な問題が発生しました。タブ上にあるHTML入力タグ(type = "text")のテキストをハイライト表示してタブを切り替え、元のタブに戻ってもこのテキストは強調表示されます。実際には、タブを切り替える前に強調表示を削除することができます。戻ってきたら、テキストが再び強調表示されます。私はタブのshowイベントがトリガーされた後に、テキストボックスで.blur()を呼び出すことによってこの強調表示を削除しようとしましたが、これは機能しません。同様に、実際にページの他の部分をクリックすると、テキストのハイライトが削除されません。私はここで何かできることが他にありますか?jquery-ui-tabsのタブを切り替えた後にテキストボックスのテキストのハイライトを削除する

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

答えて

1

入力DOMオブジェクトのselectionStartプロパティを変更することで問題を解決しました。 selectionEndプロパティと同じに設定することにより、テキストが強調表示されないようにします。元の強調表示でselectionStartプロパティが変更されていたので、そのタブに戻ったときにテキストが強調表示されました。以下の解決策。

$(this).find('input').each(function() { 
    var input = document.getElementById($(this).attr("id")); 
    try { 
     input.selectionStart = input.selectionEnd; 
    } 
     catch (err) { 
    } 
}); 
関連する問題