Question

我正在使用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中运行它，在click事件的第一行有一个断点。有没有人经历过这个？

Answer 1

这是因为jQueryUI的工具提示删除了标题并使用它。尝试这样做...

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

DEMO：http://jsfiddle.net/jK5xQ/4/

如果您有任何疑问，请与我联系！

jQuery-ui Tooltip点击获取标题

1 个答案: