当可拖动框的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

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

ps：如果您已在AJAX的帮助下将此HTML代码插入页面中，或者在其他带有可拖动核心js文件的主页已加载并初始化之后，以其他任何方式进行，那么您当然会在以下位置再次运行可拖动组件的初始化为了考虑页面的更新的DOM结构。

Answer 2

您需要告诉jQuery您希望将div拖动到哪里。 例如：

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

看一下手册 。