0

私はjquery-uiで作業しています。タイトル付きの要素を作成し、タイトルを表示できます。ただし、クリックすると、タイトルを取得して別の div に入力したいと思います (これは、タッチ対応デバイスにツールチップがないためです)。クリック イベントを取得できますが、クリック イベント中にタイトルを取得できません。

  $("div").click(function( event ) {
      // just to prove that we are entering this event
      $("#preShow").html ( Date() );

      // show the title
      var toolTip = this.attributes.title.value;
      $("#show").html ( toolTip );

      // just to prove that there was no crash
      $("#postShow").html ( Date() );
  });

私も使ってみました

  var toolTip = $(this).attr ("title");

ここに問題を示すjsfiddleがあります

http://jsfiddle.net/jK5xQ/

HTMLファイルを作成し、クリック イベントの最初の行にブレークポイントを設定して Firefox で実行すると、同じコードが機能します。誰もこれを経験しましたか？

4

1 に答える 1

1

これは、jQueryUI の Tooltip がタイトルを削除して使用するためです。このように進めてみてください...

$(document).ready(function () {
    $( document ).tooltip( {
        track:    true,
        content:  function() {
            return  $( this ).attr( "title" );
        }
    });      
    $('div').click(function(){
        $('#show').html($('#' + $(this).attr('aria-describedby')).children().html());
    });
});

デモ: http://jsfiddle.net/jK5xQ/4/

ご不明な点がございましたら、お気軽にお問い合わせください。

于 2013-03-01T02:25:44.440 に答える