1

奇妙な出来事があります。ドラッグとサイズ変更が可能な div があります。次のコーディングが使用されました。

$('#myID').draggable({snap:"#parentDiv"}).resizable();

その後、次のように div の幅と高さをサイズ変更する目的で使用するテキスト ボックスを作成しました。

<table id='hwStyle'>
    <tr>
        <td>
            Width: 
        </td>
        <td>
            <input type='text' id='elementWidth' value='100px' size='4'/>
        </td>
    </tr>
    <tr>
        <td>
            Height:  
        </td>
        <td>
            <input type='text' id='elementHeight' value='100px' size='4'/>
        </td>
    </tr>
</table>

次のステップはclass selected、div が選択されたときに div に追加することでしたが、それでもまだテキスト ボックスにリンクされていません。div を選択してテキスト ボックスに入力を開始すると、div が消えます。

これがフィドルです。テストするには、パネルバーでレイアウト パネルを開き、div をキャンバスにドラッグします。我慢してください、それはたくさんのコーディングです。コーディングでこの div を見つけるには、 で始まる ID を検索しますeditor。

一部のリソースを追加できないため、フィドルのすべてが正常に機能するわけではありません。

なぜこれが起こっているのでしょうか？

編集

elementWidth と elementHeight であるテキスト ボックスの ID がスクリプトにclass selected含まれておらず、div が選択されているときにフィドルに追加されていないため、フィドルには表示されません。

4

1 に答える 1

0

ここで問題を見つけました：

$(document).keydown (function(e) {
    //alert(e.which);
    if(e.which == 46);      
    {
        var selectedComponent = $("#droptarget").find(".selected").attr('id');
        $("#" + selectedComponent).remove();
    }
});

if ステートメントの;後にあるべきではありません。

于 2013-04-26T12:56:13.950 に答える