Question

我有5乘5格子填充字母。我能够编写jQuery，允许我使每个单独的tile可选，并在我选择它时突出显示。我也试图让瓷砖可以拖动。我google了，发现如果我使用格式

，jQuery允许语句链接

$(selector).fn1().fn2();

然而，我似乎无法将声明链接为我工作。这是我使用的jQuery，后面是整个HTML。我的瓷砖仍然选择并突出显示，但我无法单独拖动瓷砖。有人能告诉我我做错了吗？

*我使用的代码：$("#squares").selectable().draggable();

   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Name</title>
</head>

  <link rel = "stylesheet" type="text/css" href="board.css">
  <link href="scripts/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="scripts/jquery-ui-1.10.4.custom.js"></script>

  <script type="text/javascript">
  $(function() {
      $("#squares").selectable().draggable();
      });

  </script>

<body>

<ol id="squares">
    <li class="square-default">A</li>
  <li class="square-default">D</li>
  <li class="square-default">K</li>
  <li class="square-default">Y</li>
  <li class="square-default">I</li>
  <li class="square-default">T</li>
  <li class="square-default">A</li>
  <li class="square-default">S</li>
  <li class="square-default">E</li>
  <li class="square-default">C</li>
  <li class="square-default">R</li>
  <li class="square-default">B</li>
  <li class="square-default">A</li>
  <li class="square-default">S</li>
  <li class="square-default">T</li>
  <li class="square-default">Y</li>
  <li class="square-default">L</li>
  <li class="square-default">P</li>
  <li class="square-default">B</li>
  <li class="square-default">C</li>

</body>
</html>

我可以选择，但我无法拖动

0 个答案: