ajax后选择框不能正常工作

Question

我有这个选择框：

<div id="opcionesdiv"><div id="o1">
Filtrar por Ciudad
<select name="ciudad" id="ciudad">  
<option value="MEDELLIN">Medellin</option>  
<option value="MANIZALES">Manizales</option>  
</select>  
<br><input name="select_comprobar" id="select_comprobar" type="button" value="Comprobar"/>
</div></div>

我有这样的功能：

$("#select_comprobar").on('click', function(event) {
    tacuba = $("#ciudad option:selected").val();
    if (event.originalEvent === undefined) {
        ca = "2";
    } else {
        ca = "3";
    }
    var page = "1";
    dan = "g";
    deb = tacuba;
    loadData(page, dan, deb);
    return false;
});

previos代码工作正常loadData（）进行一些ajax调用。

但我有另外一个这样的功能：

$('#container .pagination li.active').live('click', function(e) {
    var page = $(this).attr('p');
    if (ca == "3") {
        dan = "g";
        loadData(page, dan, deb);
    } else {
        loadData(page);
    }
    return false;
});

如果单击“select_comprobar”按钮并调用第二个函数只能工作一次然后我得到这个（列表出现在下面，我不能使用它）：

Answer 1

jQuery.live已弃用，已在jquery 1.9中替换为on。

尝试替换

$('#container .pagination li.active').live('click', function(e) {

带

$(document).on('click', '#container .pagination li.active', function(e) {

另外，在AJAX请求完成后，检查#container .pagination是否有.active <li>。