php - 从加载的 php 文件中隐藏 div

Question

我在页面上有一个 div，当用户单击链接时，它使用 Ajax 将 PHP 文件加载到其中。这很好用，但我想做的是onclick在加载的 PHP 文件中有一个事件，以便能够在页面上隐藏相同的 div。

Answer 1

如果我理解正确，您想使用通过 ajax 加载到 div 中的按钮来隐藏 div。

你可以利用.on这个。

在你的ajax文件中添加button一个类close

<button class="close">Close</button>

在您发出请求的页面中添加这一点 jQuery

$(function(){

    $(document).on('click', 'button.close', function(){
        $(this).parents('div').hide();
    });

});

显然，您可能需要更改 .parents() 调用中的选择器以匹配您的父 div，您始终可以向 div 添加一个类并将其作为目标。

Answer 2

尝试这个 ：

1. Add a button or link in loaded php file content
2. Write a onclick event to hide the div
3. As the php file content is loaded through AJAX, it will not bind to document, 
   So you need to use on or delegate function of jQuery to work it properly

参考：http ://api.jquery.com/on/和http://api.jquery.com/delegate/

Answer 3

只需在加载的 php 文件中编写一些相应的 javascript。例如：

调用 ajax 之前的 HTML：

<div id="my_container"></div>

<script type="text/javascript">
    //using jQuery
    $("#hide_parent").live('click', function(){
        $("my_container").hide();
    });
</script>

在您的 php 脚本中：

<a href="#" id="hide_parent">Hide me away</a>