在jquery的帮助下显示隐藏的元素

时间:2013-10-01 12:01:24

标签: javascript jquery

我在jsfiddle中有一些代码,我想显示一个隐藏元素<div id="e1"></div>

我已经在jquery中编写了这样的代码:

$("#credit4").sortable({    
    receive: function (event, ui) {
        ui.item.remove();
        var s="PLEASE SELECT ANOTHER BLOCK";
        $("#e1").show();
        $("#e1").html(s);
        setTimeout('$("#e1").hide()',1500);
    }
});

credit4是可拖动元素的id,当用户想要拖动元素时,应显示此隐藏的elemet。

你也可以在这里查看我的jsfiddle - http://jsfiddle.net/sanjayrathod7/5cZD5/44/。 请建议我在哪里错。

2 个答案:

答案 0 :(得分:0)

这是一个简化的小提琴,其中包含一组警告,指示哪条线正在隐藏#e1。你可以看到你可能在你不打算隐藏它时(在第45和171行):

http://jsfiddle.net/isherwood/5cZD5/50

$("#credit").sortable({
    receive: function (event, ui) {
        ui.item.remove();
        $("#e1").show();
        $("#e1").html(s);
        setTimeout('$("#e1").hide()', 1500);  alert('hiding 10');
    }
});

答案 1 :(得分:0)

我找到了答案

试试这个

$( "#credit4" ).draggable({
revert: true,
  start: function( event, ui ) {
        var s="PLEASE SELECT ANOTHER BLOCK";
       $("#e1").show();
      $("#e1").html(s);
        setTimeout('$("#e1").hide()',1500);      
       }
});