Question

我已经开始学习Jquery了，我无法激活可调整大小的功能。我下载了核心Jquery和UI。

一切运作良好，动画，滚动，效果等等

但可调整大小的函数有点叠加，我不明白为什么。我已经标记了可调整大小的包，并检查用户界面是否有它和它有。

我尝试在最新版本的safari，chrome，ff中激活它。

<script type="text/javascript" src="../scripts/Jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../scripts/Jquery/jquery-ui-1.8.18.custom.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() 
    {
        /*not working , we need to check why its not readable.*/
        $('p').resizable('enable');

        $('textarea').resizable({
            handles: "se",
            grid : [20, 20],
            minWidth :153,
            minHeight :100,
            maxHeight :200,
            containment: 'parent'
        });
    });
</script>

Answer 1

你的手柄在哪里？试着看看这是否有效

  $('textarea').resizable({
  handles: "se",
  grid : [20, 20],
  minWidth :153,
  minHeight :100,
  maxHeight :200,
  containment: 'parent'
  });

以下是您的代码的demo。请务必包含CSS文件，以便查看句柄。

Answer 2

如果你已加载所有??

试一试：

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <style type="text/css">
    #resizable { width: 100px; height: 100px; background: silver; }
  </style>
  <script>
  $(document).ready(function() {
    $("#resizable").resizable();
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="resizable"></div>

</body>
</html>

可调整大小的文本区域元素不起作用

2 个答案: