php - ロードされたphpファイルからdivを非表示にします

Question

ユーザーがリンクをクリックしたときにAjaxを使用してPHPファイルをロードするページにdivがあります。これは正常に機能しますが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();
    });

});

明らかに、親divと一致するように.parents（）呼び出しのセレクターを変更する必要がある場合があります。いつでも、クラスを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>