Question

我试图使用Jquery创建一个图像编辑器。如果需要在表面上制作多个可分割图像，我使用Jquery gradable。但它只适用于One对象。当我添加多个渐变不起作用时..

这是我的代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Draggable - Default functionality</title>
  <link rel="stylesheet" href="jquery-ui.css">
  <script src="jquery-1.10.2.js"></script>
  <script src="jquery-ui_1.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  .draggable {position: relative;}
  </style>

  <script>
  $(function() {
      d();
      r();
      function d(){
          $( ".draggable" ).draggable();
      }
      function r(){
          $( ".resizable" ).resizable();
      }

  });
  </script>
</head>
<body>
    <div class="ui-widget-content" style="width: 300px;height: 500px;">
        <img class="draggable resizable" src="t.jpeg" width="300" height="300" style="border: 1px dotted #ccc;"/>
        <img class="draggable resizable" src="logo.png" width="" height="" style="border: 1px dotted #ccc;"/>
        <div  class="draggable resizable">
            <p class="" style="border: 1px dotted #ccc;">Drag me around</p>
        </div>
    </div>
</body>
</html>

Answer 1

尝试将jQuery代码更改为

jQuery(document).ready(function(){
 jQuery( ".draggable" ).draggable();
});

Jquery多个可拖动对象无法正常工作

1 个答案: