彩盒工作的第一次..但没有第二次。我得到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不

回答

相关问题