skrypt js nie wykonuje się w pliku wywołanym ajaxem

Question

witam, dokładnie tak jak w temacie, mam skrypt wywołany AJAXem i wewnątrz tegoż skryptu nie mogę obsłużyć żadnego zdarzenia JSem. JS wcale nie działa, tak jak by go nie było. Kiedy plik odtworzę normalnie wszystko działa poprawnie. Ktoś, coś jakiś pomysł? Z góry dzięki :)

Comments

Wstaw kod.

---

skrypt wywołany ajaxem w którym ma się wykonać obsługa zdarzeń:

<?php
    require_once "htmlelements/header.php";
    $urlG = $_GET['url'];
    if(isset($_SESSION['zalogowany'])){
        echo '
            <form id="new-post-form" action="new-post-add.php?url='.$urlG.'" method="POST">
    <input id="title-posts" class="inputTypeTextNewPosts" type="text" placeholder="Tytuł ..." name="title"/>
    <select id="category-posts" name="category_1">
        <option class="clOp">Kategoria</option>
        <option class="click"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
        <option class="clOp"></option>
    </select>
    <select id="category-posts_2" name="category_2">
        <option>C++, C</option>
        <option></option>
        <option></option>
        <option></option>
        <option></option>
        <option></option>
        <option></option>
    </select>
    <textarea id="content-new-post" name="content">
    </textarea>
    <input id="tags" class="inputTypeTextNewPosts" placeholder="Tagi" name="tags"/>
    <input id="addPost" class="buttonForum" type="submit" value="DODAJ"/>
</form>
<a class="buttonForum" href="forum.php">ANULUJ</a>
        ';
    }else{
        echo '<div class="error abab">Musisz sie zalogować aby dodać post</div>';
    }
    require_once "htmlelements/footer.php";


?>

skrypt który otwiera plik php:

<script>
    function loadDoc() {
  var xhttp = new XMLHttpRequest();
  var url = "DD";
  xhttp.onreadystatechange=function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("content-forum").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "new-post.php?url=" + url, true);
  xhttp.send();
}

</script>

i skrypt obsługi zdarzeń

$(function(){
    $('.click').click(function (){
        $('#category-posts_2').css({
            'display': 'block',
        })
    })
})
$(function (){
    $('.clOp').click(function (){
        $('#category-posts_2').css({
        'display' :' none',
    });
    })
})

 

---

Gdzie wywołujesz funkcję loadDoc? Ajax może nie działać dlatego, że po prostu nie wywołujesz tej funkcji. Jeśli dalej nie będzie działać, to sprawdź konsolę przeglądarki oraz jej zakładkę Network, czy nie ma błędów.

---

Ale AJAX działa dobrze, skrypt wyświetla się w divie, nie działa skrypt do obsługi zdarzeń w wywołanym pliku