Javascript jQuery UI工具提示上的更新编号

我有带有工具提示的文件夹，如“0个条目”或“5个条目”等等。我需要这个工具提示号在每次有东西被放入文件夹时更新1。标题并不总是从零开始，我需要更新$（这个）drop div，因为我有很多。这是工作小提琴

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>

把我拖到我的目标

到这里来

以下是您可以执行的示例：

---

下面是一个您可以做的示例：

---

您可以在每次删除元素时增加一个变量

试试这个

$(document).tooltip();
var num = 0;
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
    drop: function( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( "Dropped!" );
        num++;

        $( "#draggable" ).fadeOut();
        $( "#droppable" ).attr("title", num + " entries");
  }
});

---

您的更新示例：

您可以在每次删除元素时增加一个变量

试试这个

$(document).tooltip();
var num = 0;
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
    drop: function( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( "Dropped!" );
        num++;

        $( "#draggable" ).fadeOut();
        $( "#droppable" ).attr("title", num + " entries");
  }
});

您的更新示例：

您可以使用：

document.getElementById('droppable').title = value;

上面的代码行没有使用jQuery

如果要使用jQuery，请使用以下命令：

$("#droppable").attr( 'title', value );

您可以使用：

document.getElementById('droppable').title = value;

上面的代码行没有使用jQuery

如果要使用jQuery，请使用以下命令：

$("#droppable").attr( 'title', value );

---

如果有多个

可拖放

和

可拖放

实例，则可能需要为每个

可拖放

提供一个与其关联的数组。这样，您就不需要依赖于

count

对象，您可以将相同的

draggable

拖放到多个

dropable

对象上

---

如果有多个

可拖放

和

可拖放

实例，则可能需要为每个

可拖放

提供一个与其关联的数组。这样，您就不需要依赖于

count

对象，您可以将相同的

draggable

拖放到多个

dropable

对象上

---

这很好，但是标题并不总是从0开始。使用不同的和类而不是ID更新。我有很多拖放片段，需要更新$（这个）drop div。这很好，但是标题并不总是从0开始。使用不同的和类而不是ID更新。我有很多拖放部分，需要更新$（这个）drop div。