Question

我正在尝试建立一个媒体库，在处理这个问题时，我搞砸了插入图像源并在同一个插入点击时关闭弹出窗口。
在这里，我从哪里调用我的弹出窗口和ajax

<div class="place"></div>
<div class="popup_bk" id="popup_bk"></div>
<div class="popup_gal" id="popup_bk"></div>
<script>
$(document).ready(function() {
  function close (){
    $(".popup_gal").hide(); 
    $(".popup_bk").hide();
  }
  $('.actlink').click(function() {
    $(".popup_gal").load("http://gtc.app/admin/media/gallery/").fadeIn('slow'); 
    $(".popup_bk").fadeIn('slow');
  });
  $('.popup_bk').click(function() {
    close();
  });
});
</script>

和通过load（ajax）调用加载的另一个gallery页面是

<input type="checkbox" class="sel_img" value="<?php echo $media->id; ?>">
<img src="<?php echo $media->file_path . $media->file_name;?>" class="thumbnail index-thumb">
<input type="button" id="insert" name="insert" value="insert" class="btn btn-primary btn-lg pull-right" id="insert-btn">    
<script>
$(document).ready(function() {
  $('#insert').click(function(event) {
    var chImg='';
    $('.sel_img:checked').each(function(idx,ele){
      chImg+=$(this).siblings('img').attr('src');
    });
    $('.place').html(chImg);
 });
});
</script>

这样可以帮助我解决这个搞砸的代码，这是一个很好的方法，或者可以改进其次！我想在<div class="place"></div>点击插入按钮时检索我处理过的数据，同时应该关闭弹出窗口。

Answer 1

谢谢我尝试了更多，并完成了这个

<script>
$(document).ready(function() {
    $('#insert').click(function(event) {
        var chImg='';
        $('.sel_img:checked').each(function(idx,ele){
                chImg+=$(this).siblings('img').attr('src');

        });
        $('.place').attr('src',chImg);
        $('.popup_gal').css('display','none');
        $('.popup_bk').css('display','none');
        //alert(chImg);
    });
});

单击插入和关闭通过jquery弹出

1 个答案: