1

次のように、ドラッグ可能な div 内にラベルを含むユーザー コントロールを作成しました。

<style type="text/css">
.text_label
{

    margin-top:8px;
    font-size:18px;
    color:#545454;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -border-radius: 2px;
}

.clear
{
    clear:both;
    height:20px;
}

.drag
{
    display:block;
}

</style>

<div class="drag">
<asp:Label ID="lbl1" class="text_label" runat="server" Text="Click Me"/>
</div>
<div class="clear"></div>

ドラッグ可能の場合、ready() 関数で次のオプションを使用しています。

$('.drag').draggable("option", "containment", 'parent');

私のテスト Web ページでは、パネル内に 2 つのユーザー コントロールを追加しています。私の目標は、そのパネル内でドラッグできるようにすることです。

<style type="text/css">
    .panel
    {
        border-style:solid;
        border-width:medium;
        width:100%;

    }

</style>
<asp:Panel runat="server" ID="p1" CssClass="panel">
    <cc:UserControl1 runat="server" ID="Text1"  />
    <cc:UserControl2 runat="server" ID="Text2" />
</asp:Panel>

ページを (Chrome で) 実行すると、両方のコントロールがパネルの右端に配置され、Y 軸でのみドラッグできます。

なぜそれが起こり、何が欠けているのですか？

ありがとうございました。

4

1 に答える 1

0

clear持っているクラスのせいで固執しているのかもしれませんclear:both

于 2012-10-13T08:57:29.170 に答える