ajax 实时 + jquery 可拖动和调整大小

Question

我正在开发一个星号面板，它可以实时获取呼叫信息并将其显示在 php 页面上。 我为每个受监控的频道都有一个 html div，用户可以在他的屏幕上移动和调整大小，我已经完成了实时功能的工作，但是当我将 jquery 放在一起可拖动和调整大小时，它不会工作......

如果我单独使用这些函数（或实时或 jquery），它就可以工作。

谁知道ajax和jquery有什么不兼容的地方吗？

这是我的脚本代码：

<script type="text/javascript">
$(function() {
    $( "#draggable-resizable" ).draggable();
    $( "#draggable-resizable" ).resizable();
});


//real time
Event.observe(window,'load', init, false);
function init(){
    getdata();
}
function getdata(){
    var url = "<?php $host?>/integrador/library/phpAMI-1.0/doc/index.php";
    var target = 'load_panel';
    var myAjax = new Ajax.PeriodicalUpdater(target,url,{asynchronous:true,frequency:1});        
}

这是我要更新的地方：

<div id="draggable-resizable" class="ui-widget-content" > 
    <table id="load_panel"  width="20%" border="1pt">
        //do my things

对不起，我的英语不好，如果你不明白，请问！ 谢谢

Answer 1

$(document).ready(function(){
   $(".draggable-resizable").draggable({ }).resizable({ });
   $('.draggable-resizable').bind('resize', 'event');
});

成功了 :)