当可拖动框的js文件包含在php中时，它会丢失可拖动属性

Question

当我将可拖动框js文件放在php代码下时。它错过了可拖动的属性。

代码如下：

    <?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页面中定义。

Answer 1

您需要告诉 jQuery 您想要可拖动 div 的位置。例如：

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

查看手册。

Answer 2

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

ps：如果在包含可拖动核心的js文件的主页面已经加载并初始化之后，通过AJAX或任何其他方式将这段HTML代码插入到页面中，那么，当然，您已经再次运行了可拖动组件的初始化为了考虑页面更新的 DOM 结构。