0

编辑我简化了

out.push('<li>' + clicks[i].target + outputTime + 'm</li>');
        }
(".taskList ul li p").html(out.join(''));

至

$(".taskList ul li p").html(outputTime);

/EDIT 我正在使用带有回调函数的 jQuery Jeditable 插件来在字段更改时启动计时器。

单击按钮时，计算 Jedit 和单击事件之间的时间，并将值放置在已编辑的 '..click to edit' 文本旁边的 dom 中-在将整个 Div 移动到新部分之前，计时器为重置并创建一个新的 Jeditable 实例来代替原始实例。

我的困难在于，我从另一个堆栈溢出帖子http://jsfiddle.net/wwnyY/11/上找到的 jsfiddle 中获取了大部分代码的计时器部分。这个输出是在我的结果前面放置一个 # 字符。

我发现计时器代码正在使用 push() 方法，这正在返回一个数组，我猜这就是我的额外字符的来源。就编程而言，数组是我目前的绊脚石，我想知道是否有人可以解释我如何正确处理数组以删除 # 或者我可以在下面的代码中用什么替换它（我无法放置外部jsfiddle中的链接，因此已发布代码http://binarygeometry.net/test/index.html）

<div class="row">
   <div class="eight columns">
   <div class="row taskList">
       <ul>
           <li>
          <div class="nine columns task">
          <div class="edit">
                        ..click to edit
                      </div>
          </div>
              <div class="three columns time">
                     <p>00.00</p>
              </div>
       </li>
       </ul>
 </div>
     <ul class="row doneList">
     <li>

     </li>
 </ul>       
</div>

<div class="four columns">
<p><a href="#" class="success button" id="done">Go!</a></p>
</div>
</div>






 $(document).ready(function() {

 $(".edit").editable("echo.php", {
     placeholder : "Click me to edit",
     loadtype : "POST",
     callback: function(value, settings) {
      startTime = new Date().getTime();
      console.log(startTime);
     }
 });


$("#done").click(function(e){

    function update_output() {  

        var out  = [],
            displayTime;

        for (var i = 0, len = clicks.length; i < len; i++) {
            displayTime = (clicks[i].time - startTime);
            console.log(displayTime);
            outputTime = displayTime //* 0.00001666666;
            console.log(outputTime);
            outputTime = outputTime.toFixed(0);
            console.log(outputTime);
            out.push('<li>' + clicks[i].target + outputTime + 'm</li>');
        }
        $(".taskList ul li p").html(out.join(''));
    }

    var clicks = [];

    clicks.push({ time : new Date().getTime(), target : $(this).attr('href') });
    update_output();


    $(".taskList ul li").appendTo(".doneList")
    $(".edit").removeClass("edit").unbind("click.editable");
    $("<li><div class='nine columns task'><div class='edit'>..click to edit</div><div class='three columns time'><p></p></div></li>")
        .appendTo(".taskList ul");

    $(".edit").editable("echo.php", {
         placeholder : "Click me to edit",
         loadtype : "POST",
         callback: function(value, settings) {
            startTime = new Date().getTime();
            console.log(startTime);
         }
     });
    e.preventDefault();//
});


 });
4

2 回答 2

2

您不想添加#网址吗？然后添加处理程序return false;的底部click。（使用代替e.preventDefault()）

于 2012-11-28T03:40:21.293 回答
0

通过简化

 out.push('<li>' + clicks[i].target + outputTime + 'm</li>');
    }
 (".taskList ul li p").html(out.join(''));

至

//out.push('<li>' + clicks[i].target + outputTime + 'm</li>');
  }
$(".taskList ul li p").html(outputTime);

html() 函数不再通过 push() 方法输出变量，而是简单地将 outputTime 变量作为节点插入。

于 2012-11-28T04:22:17.840 回答