javascript - 获取从 Jquery 对话框中选择的数据到父页面

Question

我已经使用 JQuery 对话框打开了一个包含图像的弹出窗口

<script type="text/javascript"> 
  jQuery(document).ready( function(){       
    jQuery("#btnAddWidget").click( showDialog );

      $myWindow = jQuery('#widgetDialog');

      $myWindow.dialog({ height: 350,
        width: 400,
        modal: true,
        position: 'center',
        autoOpen:false,
        title:'Add Widget',
        overlay: { opacity: 0.5, background: 'black'}
      });
    }
  );

  var showDialog = function() {
    $myWindow.show(); 
    $myWindow.dialog("open");
  }

  var closeDialog = function() {
    $myWindow.dialog("close");
  }
</script>

在对话框中

<div class="headerlinks">
    <input id="btnAddWidget" name="addWidget" value="Add Widget" type="button" />
    <div id="widgetDialog" style="display:none">    
        <img border="0" id="imgRMS" src="sample.jpg" />
        <input id="btnAddToDashboard" name="addToDashboard" value="Add To Dashboard" type="button" />       
    </div>      
</div>

在父页面中

<div id="dashboard" class="dashboard">
  <div id="w1" class="column"></div>    
</div>

单击“添加到仪表板”时，我希望将图像放置在w1父页面的相应 div 中。任何人都可以对此提出一些建议..???

Answer 1

$("#btnAddToDashboard").click(function(e){
    $("#w1").append($("<img>").attr("src",$(this).prev().attr("src")));
});

小提琴