Question

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

以下是代码：

$(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());
      }
    });
  });

所以我需要在克隆的div和工具提示中添加.tooltip();函数来显示：time = 2 pixel = 1 minut？

那么我是否知道如何做到这一点。

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

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

DEMO：http://jsbin.com/erofot/105

Answer 1

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

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

Answer 2

像这样的东西，只需数学......

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

                $(this).attr("title", $(this).width());
                 $(this).tooltip();
            }
          }));

使用jquery获取div的宽度并在工具提示中显示

2 个答案: