当可拖动框的js文件包含在php中时,它错过了draggable属性

时间:2012-01-23 07:44:29

标签: javascript jquery drag-and-drop draggable

当我在php代码下放置draggable box js文件时。它错过了可拖动的财产。

代码就是这样:

    <?php
     Class Demo {
      Function test()
      {
        $response="";
        $abcContent=$this->getContent($x,$y,$z,$k)
        if($abcContent!="")
              {
               $response.="<div id=\"columns\"><table class=\"myTable\" >";
               $response.="<tr><td align=\"center\" width=\"30%\">";
               $response.="<ul id=\"column1\" class=\"column\"><li class=\"widget color-blue\"><div class=\"widget-head\"><h3>abc</h3></div><div class=\"widget-content\"><p>";
               $response.=$abcContent;
               $response.="</p></div></li></ul></td></tr></table></div>";
               }
             }
          }
        ?>

注意:我在设计页面中包含了可拖动框的js文件和css文件,内容来自上面的类,这是在另一个.php页面中定义的。

2 个答案:

答案 0 :(得分:0)

PHP在这里没有任何重要作用。 PHP在服务器上运行,JS在用户的浏览器中运行。 一切都取决于你如何将这段HTML代码插入到页面中,并且应该显示用PHP生成的页面代码而不是这一代。

ps:如果你在AJAX的帮助下将这个HTML代码插入到页面中,或者在已经加载并初始化了draggable core的js文件的主页之后的任何其他方式,那么你已经运行了draggable的初始化再次组件,以便考虑更新的页面DOM结构。

答案 1 :(得分:0)

你需要告诉jQuery你想要你可拖动的div。例如:

$( "#columns" ).draggable();

查看manual