0

そこで、jOrgChart というプラグインを使い始めました。本当にクールなドラッグアンドドロップ機能があります。残念ながら、ドラッグアンドドロップして初めて機能します。ウェブサイトのデモでは、毎回動作します。また、私のコードでは、元のリストはレンダリングされたコードで削除されたように見えます。ウェブサイトで削除されていないため、これに関係があると思います。

ウェブサイトへのリンクは次のとおりです: jOrgChart demo (コードの GitHub へのリンクが上部にあります)

また、以前にjsfiddleを使用したことはありませんが、誰かがそれがどのように機能するかを少し説明できる場合は、これのプレビューを挿入します

簡単なコードを次に示します。

HTML

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Pathway Builder 3.0</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.jOrgChart.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
    <script src="js/basic.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/jquery.jOrgChart.css"/>
</head>
<body>
    <ul id="org" style="display: none;">
        <li>
            Food
            <ul>
                <li>
                    Fruit
                    <ul>
                    <li>Apples</li>
                    <li>Oranges</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>

basic.js

$(document).ready(function() {
    $('#org').jOrgChart({
        dragAndDrop : true
    });
});
4

1 に答える 1

1

チャートを配置する場所に応じて、これに影響します。チャートを構築するとき、想定されるチャートの親にあるものはすべて実際にクリアします。ラベル付きの div を作成してID="chart"から、チャートをそのdiv に配置してみてください。助けが必要な場合はお知らせください。

于 2013-01-02T18:51:55.157 に答える