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

标签 javascript jquery drag-and-drop draggable

当我将可拖动框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页面中定义。

最佳答案

你需要告诉 jQuery 你想要将可拖动的 div 放在哪里。例如:

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

看看 manual .

关于javascript - 当可拖动框的js文件包含在php中时,它会丢失可拖动属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8968471/

相关文章:

javascript - TransitionEnd 触发太早

javascript - 在 Firebase JavaScript 中计数

javascript - 使用 setTimeout 和 setInterval

java - 如何拖放同一标签面板的标签?

javascript - 可嵌套列表 - 禁止将子项移出父元素

javascript - 停止 Spinner.js

javascript - 根据过去的时间更改 div 上的 CSS 类

html - 如何使用 JQuery 根据元素的 css 属性隐藏元素?

c# - 将一封或多封邮件从 Outlook 拖放到 C# WPF 应用程序

javascript - 当我第二次点击链接时如何显示面板