0

大家好，我有一个运行良好的代码，但我不知道如何在工具提示中显示宽度像素...

这是代码：

$(function() {
    //$( ".draggable" ).resizable();
    $( ".draggable" ).draggable({
      revert: 'invalid', 
      helper:"clone",
      snap: "#drop_here td", 
      opacity: 0.7
    });
    $( "#drop_here td" ).droppable({
      // accept only from left div, 
      // this is necessary  to prevent clones duplicating inside droppable
      accept: '#left .draggable',
      drop: function( event, ui ) {
        // 4 append clone to droppable
        $( this ).append(
          // 1 clone draggable helper
          $(ui.helper).clone()
          // 2 make the clone draggable
          .draggable({
             containment:"#table",
            snap: "#drop_here td" 
          })
          // 3 make the clone resizable
          .resizable());
      }
    });
  });

所以在这里我需要.tooltip();在克隆的 div 和工具提示中添加功能以显示：时间 = 2 像素 = 1 分钟？

那么有什么想法我可以做到这一点。

示例：当悬停在克隆的 div 上时，必须显示时间。时间是根据div的宽度计算的，其中2像素是1分钟

请帮助和抱歉我的英语不是很好。谢谢！

演示：http: //jsbin.com/erofot/105

4

2 回答 2

1

http://api.jquery.com/width/

确保在元素布局后执行此操作，过早执行此操作会导致它返回 0。

于 2013-07-10T14:48:42.397 回答
0

这样的事情，只需要数学...

.resizable({
            start: function( event, ui ) {
              if(!$(this).data("tooltipset")){  
                $(this).tooltip("destroy");
              }
            },
            stop: function( event, ui ) {

                $(this).attr("title", $(this).width());
                 $(this).tooltip();
            }
          }));
于 2013-07-10T15:19:03.867 回答