jQuery+;HTML5分类:当我拖放时,小车和闪烁

jQuery+;HTML5分类:当我拖放时,小车和闪烁,jquery,Jquery,这是我的JS小提琴: 当我从左边抓起任何一个…`s并尝试将其拖到中间的右边,将鼠标放在上面而不放开鼠标时,它会不断闪烁。如果我放弃它,它也不起作用(它是不一致的)。例: 1 2 34 5.6 当我将#1、#3或#5拖动到#4时,在我放开之前,它会闪烁。我的HTML有什么问题吗?我不明白为什么网站上的演示没有做到这一点:(查找可排序网格) HTML: JS: $(“.sorted_list”).sortable()必须添加一个高度: 高度:100px您能更具体一点吗?您必须将height属性添加到

这是我的JS小提琴:

当我从左边抓起任何一个
…`s并尝试将其拖到中间的右边,将鼠标放在上面而不放开鼠标时,它会不断闪烁。如果我放弃它,它也不起作用(它是不一致的)。例:

1 2

34

5.6

当我将#1、#3或#5拖动到#4时,在我放开之前,它会闪烁。我的HTML有什么问题吗?我不明白为什么网站上的演示没有做到这一点:(查找可排序网格)

HTML:

JS:


$(“.sorted_list”).sortable()

必须添加一个
高度:


高度:100px

您能更具体一点吗?您必须将height属性添加到哪个元素?
    <ul class="sorted_list clearfix">
        <li>
                <div>
                <img alt="Mmmm" class="col_images" src="http://freepicsoft.com/wp-content/uploads/2014/02/mmmm.jpg" />
                <span>Collection Name1</span><br>
                <span>Lorem ipsum sdfsfdsfs sdfdsfsdfds </span>

                </div>
            </li>
            <li>
                <div>
                <img alt="Mmmm" class="col_images" src="http://freepicsoft.com/wp-content/uploads/2014/02/mmmm.jpg" />
                <span>Collection Name2</span><br>
                <span>Lorem ipsum sdfsfdsfs sdfdsfsdfds </span>

                </div>
            </li>
            <li>
                <div>
                <img alt="Mmmm" class="col_images" src="http://freepicsoft.com/wp-content/uploads/2014/02/mmmm.jpg" />
                <span>Collection Name3</span><br>
                <span>Lorem ipsum sdfsfdsfs sdfdsfsdfds </span>

                </div>
            </li>
            <li>
                <div>
                <img alt="Mmmm" class="col_images" src="http://freepicsoft.com/wp-content/uploads/2014/02/mmmm.jpg" />
                <span>Collection Name4</span><br>
                <span>Lorem ipsum sdfsfdsfs sdfdsfsdfds </span>

                </div>
            </li>
            <li>
                <div>
                <img alt="Mmmm" class="col_images" src="http://freepicsoft.com/wp-content/uploads/2014/02/mmmm.jpg" />
                <span>Collection Name5</span><br>
                <span>Lorem ipsum sdfsfdsfs sdfdsfsdfds </span>

                </div>
            </li>
            <li>
                <div>
                <img alt="Mmmm" class="col_images" src="http://freepicsoft.com/wp-content/uploads/2014/02/mmmm.jpg" />
                <span>Collection Name6</span><br>
                <span>Lorem ipsum sdfsfdsfs sdfdsfsdfds </span>

                </div>
            </li>
.sorted_list {
    width: 650px;
}

.sorted_list li {
    list-style: none;
    margin: 5px;
    line-height: 60px;
    float: left;
    width: 250px;
}

.col_images {
    max-width: 60px;
    ma-height: 60px;
}