Question

我走到了尽头。我在整个网站上使用那个简单的jQuery手风琴代码。一切正常。在<header>

中加载了Jquery和我的脚本

(function($) {

  $(document).ready(function() {

  //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
  $('.titre-accordeon').click(function() {

    //REMOVE THE ON CLASS FROM ALL BUTTONS
    $('.titre-accordeon').removeClass('on');

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
    $('.contenu-accordeon').slideUp('normal');

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
    if($(this).next().is(':hidden') == true) {

      //ADD THE ON CLASS TO THE BUTTON
      $(this).addClass('on');

      //OPEN THE SLIDE
      $(this).next().slideDown('normal');
     }      
   }); 
  $('.titre-accordeon').mouseover(function() {
    $(this).addClass('over');
  }).mouseout(function() {
    $(this).removeClass('over');                    
  });
  $('.contenu-accordeon').hide();

});

  })(jQuery);

要调用一些列表，我已经创建了一个像这样的简单的PHP函数

<?php
function ajouterListe($l, $c){
    ?>
    <div class="titre-accordeon"><?php echo $l ;?></div>
    <div class="contenu-accordeon"><?php echo $c ;?></div>
<?php 
}
?>

我称之为

<?php ajouterListe($l, $c);?>
// $l & $c are well defined

我没有错误，列表显示但javascript无效!!! 在控制台方面，一切都很好。 js加载和div与正确的类显示良好.titre-accordeon＆amp; .contenu-accordeon ...我点击了，没有动作。

我的脚本在其他地方运作良好。我的JS有问题吗？

为方便起见的代码段

(function($) {

  $(document).ready(function() {

  //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
  $('.titre-accordeon').click(function() {

    //REMOVE THE ON CLASS FROM ALL BUTTONS
    $('.titre-accordeon').removeClass('on');

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
    $('.contenu-accordeon').slideUp('normal');

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
    if($(this).next().is(':hidden') == true) {

      //ADD THE ON CLASS TO THE BUTTON
      $(this).addClass('on');

      //OPEN THE SLIDE
      $(this).next().slideDown('normal');
     }      
   }); 
  $('.titre-accordeon').mouseover(function() {
    $(this).addClass('over');
  }).mouseout(function() {
    $(this).removeClass('over');                    
  });
  $('.contenu-accordeon').hide();

});

  })(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="titre-accordeon">Test 1</div>
<div class="contenu-accordeon">Test 2</div>

php函数调用，jquery调用，js调用，但没有动作

0 个答案: