javascript - 更新 jQuery UI 工具提示上的数字

Question

我有带有工具提示的文件夹，例如“0 个条目”或“5 个条目”等。每次将某些内容放入文件夹时，我都需要将此工具提示编号更新 1。标题并不总是从零开始，我需要更新 $(this) drop div，因为我有很多。这是工作 fiddle http://jsfiddle.net/4ehSG/3

jQuery

$(document).tooltip();

var dropped =0;

$( ".draggable" ).draggable();
    $( ".droppable" ).droppable({
      drop: function( event, ui ) {
        dropped++;
          $( this )
          .attr('title',dropped+' entries')
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
          $( ".draggable" ).fadeOut();
      }
    });

HTML

<div class="draggable ui-widget-content">
  <p>Drag me to my target</p>
</div>

<div class="droppable ui-widget-header" title='2 entries'>
  <p>Drop here</p>
</div>

Answer 1

这是您可以执行的操作的示例:http://jsfiddle.net/4ehSG/9/

  drop: function( event, ui ) {
      var dropped = parseInt($(this).attr('title')) + 1;
      $( this )
      .attr('title',dropped+' entries')
      .addClass( "ui-state-highlight" )
      .find( "p" )
        .html( "Dropped!" );
      $( ".draggable" ).fadeOut();
  }