4

因此，我使用draggable="true"div 来保存其他几个 div，这些 div 具有span从Twitter 的 Bootstrap应用的类。引发的问题是，当我拖动支架时，未显示子元素。如果我从 Bootstrap 中删除类，则元素会在拖动过程中显示。

损坏的示例可以在jsfiddle.net/8umGq/上找到。

究竟是什么导致了这个问题，为了使用这些span类并且在拖动时仍然可以看到内容，我应该覆盖什么？

我想让它在 Chrome 的最新或 beta 版本上运行，并且仍然保留样式和span类的位置。

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 回答