jQuery選擇更改後，Ajax分頁不起作用

我有一個選擇框。在更改時，我有一個觸發的警報。jQuery選擇更改後，Ajax分頁不起作用

我的頁面顯示不同產品的網格，每個產品都有相同的選擇框。我使用Ajax進行分頁。當用戶點擊下一頁或選擇不同的類別時，Ajax加載下一批產品。

但是，當它加載產品時，選擇框的onchange事件不再有效。它只適用於第一頁。

任何想法？

onChange事件

$('.cardid').change(function() { 
    alert('changed'); 
});

選擇框

// Fill select box for Pictures with basket options 
function picture_details($Products_SKU) { 
    $selector=array("Framed ","Mounted ","Print "); 
    $rtn = ""; 
    $DB = new mysql_db(); 
    $DB->sql_connect(); 
    // Select mounted and print products. Products SKU ends in either M or P 
    $q = "SELECT Products_ID, Products_SKU, Products_Cost, Products_Size FROM products WHERE Products_SKU LIKE '".$Products_SKU."%' ORDER BY Products_ID ASC"; 
    $DB->query($q); 
    if ($DB->get_num_rows()) { 
     $results = $DB->fetch_all_rows(MYSQL_ASSOC, NULL); 
     foreach ($results as $key => $row) { 
      $rtn .= "<tr><th style='width:100px;'>". $selector[$key]. ":</th><td style='width:300px;'> &pound;". $row['Products_Cost'] ." (". $row['Products_Size'] .")</td></tr>";  
     } 
    } 

    return $rtn;  
}

來源

2013-01-24 Joe Ainsworth

一些代碼如何，以便我們可以幫助您...... –

沒有看到代碼，首先猜測是您重新創建複選框，並且不會將onchange事件綁定到它們。 –

我已經添加了一些代碼，但不太確定它的正確位數？ –