Question

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

如果我单独使用这些功能（或实时或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');
});

这就是诀窍:)）

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

1 个答案: