2012-03-08 13 views
0

私はJqueryの学習を開始しましたが、サイズ変更可能な関数をアクティブ化できません。 コアJqueryとUIをダウンロードしました。テキスト領域の要素にサイズ変更可能

すべて、うまく機能してアニメーション、スクロール、効果やより

しかし、サイズ変更可能な機能はちょっとスタックと私がなぜ分かりません。 私はサイズ変更可能なパックとマークされており、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> 

答えて

0

すべてを読み込んだ場合は??

はそれを試してください:

<!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> 
+0

goto http://docs.jquery.com/UI/Resizable –

+1

コアファイルに関する技術的な問題をありがとうございました。 – Goldy

0

ハンドルはどこですか?これはあなたのコードが動作のdemoです。ここ

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

を動作するかどうかを確認するようにしてください。ハンドルを表示するには、CSSファイルを必ず含めてください。

+0

私はまだ働いていない、今それを試してみてください。 – Goldy

+0

@ゴールド、あなたはUIのCSSを含めました – Starx

+0

@ゴールド、私は[デモ](http://jsfiddle.net/Starx/zNyF9/1/)を作った。それは働いている。サイズを変更するハンドルを表示するには、CSSファイルを含めるようにしてください – Starx

関連する問題