使用＆＃34; draggabilly＆＃34;创建可拖动的跨度

Question

到目前为止，我已经构建了这个页面。正如您所希望看到的，它建议将右侧边栏上的文字拖到插槽中：http://francesca-designed.me/create-a-status/index.php

这些单词是从PHP数组中提取的，按下按钮会在使用AJAX时加载一些新单词。

我尝试实施Dragabilly，因为它具有我想要的功能和外观：http://draggabilly.desandro.com/

但是我遇到了使用它的问题。要定义哪些项目是可拖动的，我需要在每个跨度中添加class="draggie"。

以下是创建我的跨度的代码：

<div class="words one">
    <?php foreach (array_rand($poolOne, 4) as $key) {
      echo "<span>".$poolOne[$key]."</span>";
    }?>
</div>

所以，为了完成这项工作，我添加了＆＃34; draggie＆＃34;类名：

echo "<span class="draggie">".$poolOne[$key]."</span>";

然而，我不知道为什么，但这打破了整个页面。似乎它不能再调用AJAX了。但我不确定，为什么在某些PHP中添加一个简单的类名会导致整个页面中断？

以下是第一个链接中显示的网站代码的副本，但添加了class="draggie" - 您将看到该页面显示为空白。除了添加draggie类之外，一切都是一样的。

http://francesca-designed.me/create-a-status/index2.php

Answer 1

我不知道这是否会导致整个页面被删除，但是您要尝试嵌套双引号。

echo "<span class="draggie">".$poolOne[$key]."</span>";

如果PHP-land中没有名称为draggie的内容，PHP将抛出错误并退出渲染。

我猜你也关闭了错误。

您可以使用单引号（draggie）替换class='draggie'周围的双引号，或者转义内部双引号（class=\"draggie\"）。我建议只切换到单引号。