✔ Eingebundene Ajax Datei reagiert nicht auf functionen

[ThiKool]

Hi Leute,

ich habe folgendes Problem.
Ich lade in meiner index.php eine Datei per ajax nach. In dieser Datei ist ein Button und eine Box enthalten. Die Box soll per Klick auf den Button öffnen.
Allerdings tut sich nichts, da der JS Code dafür in der test.js liegt und nur in der index.php eingebunden wird.

Wie kann ich das Problem beheben, ohne die test.js nochmals in der content.php einbinden zu müssen - oder ist der Ansatz sogar komplett falsch?

Hier mein Code:
index.php

<style>
    .box {
        background-color: grey;
        width: 200px;
        height: 200px;
        display: none;
    }
</style>

<script src="../jquery.js"></script>
<script src="test.js"></script>



<div class="jq-content"></div>

test.js

$( document ).ready(function() {
    $(".jq-content").load('content.php');


        $(".jq-button").on('click', function () {
            $(".jq-box").fadeToggle();
        });

});

content.php

<i class="jq-button">button</i>
<div class="jq-box box">test</div>

Danke euch!

 

[Sempervivum]

Du musst das onclick im Callback vom load registrieren:

    $(".jq-content").load('content.php', function() {        
        $(".jq-button").on('click', function () {
            $(".jq-box").fadeToggle();
        });
    });

Andernfalls existiert der Button noch nicht.

 

[ThiKool]

Das hatte ich gestern Nacht doch ausprobiert xD Naja war wohl schon zu spät.

Vielen Dank auf jeden Fall