彩盒工作的第一次..但沒有第二次。我得到a.removeEventListener不

好的一個功能，所以我用顏色框，彈出由PHP生成的動態數據的窗口..下面是我的PHP代碼...當我點擊鏈接時，窗口彈出與數據....但如果我再次在同一點擊鏈接，窗口不得到的信息，我得到這個在控制檯a.removeEventListener is not a function，爲第二次點擊colorbox的鏈接顯示..第一次作品..有什麼可能會出錯？彩盒工作的第一次..但沒有第二次。我得到a.removeEventListener不

jQuery(document).ready(function() { 
    var id_form; 
      var url; 
      $("a.madcomment").click(function(e) { 
       e.preventDefault(); 
      id_form = $(this).attr('id'); 
      url ="#madcomment_menu"+id_form; 
      $("a.madcomment").colorbox({inline:true, width:"350px", href:url}); 
      }); 


    }); 

    <?php 
    $select = "SELECT * FROM COMMENTS INNER JOIN Twitter_Data ON Twitter_Data.screen_name=Comments.Twitter WHERE Category ='Comments'"; 
      $result = mysql_query($select); 
      $result_count = mysql_num_rows($result); 
      echo " <table border =\"0\">"; 
      echo "<tr>"; 
      $user_array = array(); 
      $counter = 0; 
      if($result_count > 0) { 
      while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
    echo "<div id ='scoring_scale' class='madscore".$row['ID']."' style='display:none;'>"; 
    echo "<div id='madcomment_menu".$row['ID']."' style='padding:10px; background:#fff;'>"; 
       echo "<a id='".$row['ID']."' class='green_circle' href='#'> +3 </a>"; 
       echo "<a id='".$row['ID']."' class='orange_circle' href='#'> +1 </a>"; 
       echo "<a id='".$row['ID']."' class='red_circle' href='#'> -1 </a>"; 
       echo "<a id='".$row['ID']."' class='brown_circle' href='#'> -3 </a><br />"; 
       echo"<form>"; 
       echo "<textarea id='text".$row['ID']."'rows='5' cols='33'>"; 
       echo "-"; 
       echo "</textarea>"; 
       echo"<button id='button".$row['ID']."'class='button_madscore'> MadComment </button>"; 
       echo "</form>"; 
       echo "</div>"; 
       echo "</div>"; 
    } 

    } 

    // Here is the link that will generate the COLORBOX pop-up 

    echo "<a id='".$row['ID']."'class=' madcomment' href='madcomment_menu".$row['ID']."'><img src='images/madcomment.png' /> </a>"; 
    ?>

來源

2013-08-18 Stack One

根據我的經驗顏色框，你需要定義$（「類名」）。彩盒每次添加新的內容到頁面，即使你已經爲該類定義。例如，如果有在加載頁面類「a.madcomment」錨元素和你調用$ $的（a.madcomment）.colorbox（文件）。就緒，所有的顏色框屬性將正常工作。但是，如果在加載頁面（通過ajax或任何其他方法）後引入同一a.madcomment的新元素，則需要重新定義新元素的$（a.madcomment）.colorbox屬性。 –

@DavidZhanLiu重新定義它在哪裏？你可以告訴我a.madcomment被稱爲colorbox .. –

我不使用AJAX，我只使用colorbox –

您在錨點擊每一次這樣結合你的顏色框，以便防止這種代替你彩盒代碼如下：

$.fn.colorbox({inline:true, width:"350px", href:url});

這將解決您的問題。

來源

2013-08-18 04:27:35

彩盒工作的第一次..但沒有第二次。我得到a.removeEventListener不

回答

相關問題