Php 无法从ajax返回的页面中选择id属性

我想实现一个包含两个列表的页面，它允许用户在两个列表之间拖放项目。这可以通过使用jQuery UI库来实现：

html:

问题是，当我使用jQueryAjax生成列表B时，拖放不再起作用。我怀疑jQuery无法选择ul.sortable，因为当我查看HTML源代码时，我只能看到

我的ajax代码：

我正在使用CodeIgniter。有什么想法吗？

第一个：

什么是元素$'field_a h3 a'

第二：

它不起作用，因为当您执行$'list_b'.htmlmsg时，您正在删除UL元素

因此，将引用绑定到不存在的元素

你可以这样做：

$.ajax({
        url: 'get_list_b',
        dataType: 'html',
        type:'POST',
        success: function(msg){
            var list=$('#list_b');
            list.html(msg);
            $( "ul.sortable",list ).sortable({
                connectWith: "ul",
                dropOnEmpty: true
            });
        }
   });

---

如果你能把你的例子放在

上会更有帮助，我相信另一个问题基本上是一样的：请注意，视图源代码从不显示JS或JQ创建的标记。它只显示从web服务器收到的HTML。@JamesAylett:谢谢。@SummerBull:难怪我看不到源代码，谢谢。$“field_a h3 a”只是一个带有链接的h3，它可以触发加载列表b的调用。感谢您的解释，它正在工作：

$( "ul.sortable" ).sortable({
    connectWith: "ul",
    dropOnEmpty: true
});

$( ".sortable" ).disableSelection();

$('#field_a h3 a').click(function() {
    var form_data = {
        required_data:$(this).text().trim(),
        ajax: 1
    };

    $.ajax({
        url: 'get_list_b',
        dataType: 'html',
        type:'POST',
        success: function(msg){
            $('#list_b').html(msg);
        }
   });
});

$.ajax({
        url: 'get_list_b',
        dataType: 'html',
        type:'POST',
        success: function(msg){
            var list=$('#list_b');
            list.html(msg);
            $( "ul.sortable",list ).sortable({
                connectWith: "ul",
                dropOnEmpty: true
            });
        }
   });