jquery - 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已弃用并已on在 jquery 1.9 中替换为。

尝试更换

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

和

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

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