jquery对话框图像

时间:2009-07-31 14:57:00

标签: jquery image dialog

我正在调用下面给出的关于在区域上删除标签的功能。 如果该标签成功下降,它应该附加一个图像,并且双击它应该产生一个对话框。这是我第一次丢弃标签但第二次丢弃时不起作用。

   function dropFile()    
   {
         $(".File_div").draggable({
             helper:'clone',
             revert: 'invalid'
         });
         var tag="#Normal_Tag1_div_dummy1";
         $(Normal_Tag1_div_dummy1).droppable({
          drop: function(ev,ui) { alert('dropped');
              //accept: ".File_div"
              var dropped = ui.draggable;
              alert(dropped);
              var file_img_src=document.getElementById('file_img').src;
              var image='<img id="file_img'+count+'" class ="file_img" name="file_img" src='+file_img_src+" />"
              $(image).appendTo(this).dblclick(
                  function(event){
                            alert("1");
                            window.event.cancelBubble = true;
                             //var jsmarty=WMCreateSmartyObject();
                            //var test_tpl= WMSmartyFetch(jsmarty, 'dialog.tpl');
                            //document.getElementById('test').innerHTML=test_tpl;
                            //dialogtest();
                            $("#dialog1").dialog(
                           {
                               /* buttons:
                                        {
                                            "Upload file": function(){
                                            },
                                            Cancel: function() {
                                            $(this).dialog('close');
                                            }
                                        },*/
                                close: function() {
                                }
                            });
                            alert("2");
               });

         }

        });

       count++;

    }

1 个答案:

答案 0 :(得分:1)

问题是你在事件中创建对话框,但第二次,它知道它已被创建并且什么都不做。你有两个选择。您可以事先使用autoOpen:false属性构建对话框,然后使用.dialog('open')和.dialog('close'),或者可以在完成后销毁对话框。

要销毁,请将其添加到您的关闭处理程序。

close:function()
{
   $('#dialog1').dialog('destroy');
}