jQuery - загруженный HTML не отвечает на клики - PullRequest
Новая
       14

jQuery - загруженный HTML не отвечает на клики

1 голос
/ 08 ноября 2011

Вот мой оригинальный код: 

<tr class="song" id="'.$this->i.'">
   <td class="clickable" id="td1_'.$this->i.'">
   ...
   </td>
</tr>

И JQuery для этого: 

$(".clickable").click(function() 
{
//
    //Make only certain parts of songs clickable
    //Hacky Way to Get Index
    var temp = $(this).attr("id");
    temp = temp.split('_');
    var i = temp[1];
    var status = $('#status_'+i).val();

    alert('Clicked ' + i);

    var maxid = $('#maxid').val();
    if(status == "max") //if maximized
    {
        alert("max");
    }
    else
    {
        var user = $("#user_min"+i).val();
        var ytcode = $("#ytcode_min"+i).val(); 
        var title = $("#title_min"+i).val(); 
        var artist = $("#artist_min"+i).val(); 
        var genre = $("#genre_min"+i).val(); 
        var score = $("#score_min"+i).val(); 
        var ups = $("#ups_min"+i).val(); 
        var downs = $("#downs_min"+i).val();
        var id = $("#id_min"+i).val(); 
        var upload_date = $("#upload_date_min+i").val(); 

        //Maximizing New Song
        dataString = 'user='+ user + '&ytcode=' + ytcode +
                         '&title=' + title + '&artist=' + artist + 
                         '&genre=' + genre + '&score=' + score + 
                         '&ups=' + ups + '&downs=' + downs + 
                         '&id=' + id + '&upload_date=' + upload_date + 
                         '&i=' + i;

        $.ajax({
            type: "POST",
            url: "maxSongAjax.php",
            data: dataString,
            cache: false,
            success: function(html){
            $('#'+i).fadeIn(1000).html(html);
            }
        });

        //Setting Max ID to New Song
        $('#maxid').val(i);
    }

    return false;
});

У меня есть ajax, возвращающий идентичный html к тому, что было заменено в целях тестирования. Однако после того, как я щелкнул загруженный HTML, он не отвечает на клики. В оповещениях не отображаются всплывающие окна.

Почему это? Почему загруженный html не отвечает как первый?

1 Ответ

6 голосов
/ 08 ноября 2011

Это очень распространенная проблема для новичков в jQuery; Вы должны использовать .live ()

.click () привязывает только к существующим элементам.

Альтернативой .live () является .delegate ()

...