4

そのため、 TwitterのBootstrapから適用されたクラスdraggable="true"を持つ他のいくつかのdivを保持するdivにforを使用しています。発生する問題は、ホルダーをドラッグすると子要素が表示されないことです。Bootstrapからクラスを削除すると、ドラッグ中に要素が表示されます。span

壊れた例はjsfiddle.net/8umGq/にあります。

何が問題を引き起こしているのでしょうか。また、spanクラスを使用してドラッグ中にコンテンツを表示するには、おそらく何をオーバーライドする必要がありますか？

spanChromeの最新リリースまたはベータリリースで動作させ、スタイルとクラスの位置を維持したいと考えています。

4

2 に答える 2

6

position: relative;要素に追加することでなんとか修正できました.holder。

こちらの例を参照してくださいjsfiddle.net/bq9qw/

于 2012-10-10T20:36:06.617 に答える
-2

ドラッグ可能な機能を正しく機能させるには、jQueryにフォールバックする必要があると思います。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .holder {
            height: 20px;
            background-color: rgba(255, 0, 0, 0.5);
        }

        .span2 {
            background-color: rgba(0, 255, 0, 0.5);
        }
    </style>
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
    <script>
        function init(){
            $('div.holder').draggable();
        }

        $(document).ready(function(){init()});
    </script>
</head>
<body>
<div class="row">
    <div class="holder">
        <div class="span2">
            Foo
        </div>
        <div class="span2">
            Bar
        </div>
    </div>
</div>​
</body>
</html>
于 2012-10-10T19:23:35.167 に答える