jquery - 如何向 jquery .post() 返回的数据添加可选择项

Question

我正在尝试将 jquery-ui 可选添加到从 jquery .post() 返回的数据。似乎在帖子数据中创建的选择器未被识别。我想我可以使用 .live() 但我不确定。

这是我正在使用的代码:

$.post('middleman.php', { request:"getfeedbacknav"}, function(data) {
       $('#feedbacknav').html(data);
});
$( "#selectable" ).selectable();

这是我试图选择的数据:

<div id="feedbacknav" width="20%">
<h3>Feedback</h3>
<br>
<ol id="selectable" width="100%">
    <li class="ui-widget-content">
        <div width="8%"><img src="image/faces/sad_face_3.png" width="25px" height="25px">
        </div>
        <div width="88%" style="padding-top:8px;" id="fb_5678908'">
            intial feedback
        </div>
    </li>
    <li class="ui-widget-content">
        <div width="8%"><img src="image/faces/happy_face_3.png" width="25px" height="25px">
        </div>
        <div width="88%" style="padding-top:8px;" id="fb_1328896423'">
            Server : Bryan
            Comments : Ok
        </div>
    </li>
    <li class="ui-widget-content">
        <div width="8%"><img src="image/faces/happy_face_2.png" width="25px" height="25px">
        </div>
        <div width="88%" style="padding-top:8px;" id="fb_1328898803'">
            Server : Russ
            Comments : He was nice
        </div>
    </li>
</ol>

当我在 Chrome 中检查时，ol 会显示，但当我查看页面源代码时，它不会显示。我也没有收到任何错误。

Answer 1

在服务器返回 HTML 并在浏览器中呈现后，您必须调用 .selectable。按照您现在的方式，它将在 Post 之后立即调用，并且 Post 的结果尚不可用，因此 $( "#selectable") 为空。

$.post('middleman.php', { request:"getfeedbacknav"}, function(data) {
    $('#feedbacknav').html(data);
    $( "#selectable" ).selectable();
});