2

サイズ変更可能な JQueryUI を実装しようとしています。以下は、実際のコードで後で実装する暫定的なデモです。それを解決するのを手伝ってください。動いていない。

<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style>
    #resizable { width: 150px; height: 150px; padding: 0.5em; }
    #resizable h3 { text-align: center; margin: 0; }
    .ui-resizable-helper { border: 1px dotted gray; }
</style>
<script>
    $(function() {
        //var a = $("#resizable").html();
        //alert(a);
        $("#resizable").resizable();
    });
</script>
</head>
<body>

<div id="demo-frame">
    <meta charset="utf-8">

    <div class="demo">  
        <div class="ui-widget-content ui-resizable" id="resizable">
            <h3 class="ui-widget-header">Resizable</h3>
            <div class="ui-resizable-handle ui-resizable-e" style="z-index: 1000;"></div>
            <div class="ui-resizable-handle ui-resizable-s" style="z-index: 1000;"></div>
            <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1000;"></div>
        </div>
    </div>
</div>


</body>
4

2 に答える 2

2

問題を引き起こしているように見えるのは、div 内にある div です。この jsFiddle http://jsfiddle.net/ta9N4/についてコメントしましたが、正常に動作しているようです。

于 2012-05-23T15:08:28.653 に答える
2

メソッドresizable()は jQuery UI API から来ています。また、html ページに jQueryUI を含めませんでした。ここにアクセスしてダウンロード (またはこのファイルへのリンクを取得) し、jQuery (タグ)の場合と同様に含めます
。<script>

于 2012-05-23T15:13:41.740 に答える