如何用按钮关闭主页中的ajaxi页面？

Question

我有2页。 在第一页中，我有一个div（ajaxicall），在该div中，加载了另一页。

我的问题是，当我单击第二页中的“关闭”并再次显示第一格的容器时，如何关闭第二页？ n

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
</head>

<body>
  <div class="ajaxicall">
    <span id="addtobasketspan">First Div</span>
    <img src="images/shopping-cart-xxl.png"/>
  </div>

<script>
  $("#addtobasketspan").click(function(e) {
    $.ajax({
       url:'secondpage.html',
       type:'get',
       data: 'lid=1',
       success:function(data){
          $("ajaxicall").load('secondpage`enter code here`.html');
       }
  });
});
</script>

</body>
</html>

Answer 1

jsFiddle： https ://jsfiddle.net/acc33fm3/

jQuery的

$("#addtobasketspan").click(function(e) {
  $.ajax({
    //url: 'secondpage.html',
    type: 'get',
    data: 'lid=1',
    success: function(data) {
      //$(".second-div").load('secondpage`enter code here`.html');
      $(".second-div").append('<button class="close-div">X</button>');
    }
  });
});

$(document).on("click", ".close-div", function() {
  $(this).closest('div').hide();
});

只需在您的ajax页面中添加一个按钮，然后使用该按钮即可简单地隐藏ajax div

Answer 2

您应该在第二页中有一个元素，例如关闭按钮以关闭该页面，并使第一页显示为默认外观。 可以像

<a href="#" id="close">close</a>

您可以将代码绑定到该ID，例如；

$("#close").click(function(){
    $('#ajaxicall', window.parent.document).html('
        <span id="addtobasketspan">First Div</span>
        <img src="images/shopping-cart-xxl.png"/>
    ');
});

如何用按钮关闭主页中的ajaxi页面？

问题描述

2 个解决方案

解决方案1
0 2016-01-06 13:27:30

解决方案2
0 2016-01-06 13:44:54

如何用按钮关闭主页中的ajaxi页面？

问题描述

2 个解决方案

解决方案1 0 2016-01-06 13:27:30

解决方案2 0 2016-01-06 13:44:54

解决方案1
0 2016-01-06 13:27:30

解决方案2
0 2016-01-06 13:44:54