1

我试图将 s 可排序项目作为网格放在我的页面中,但它显示为纯数字,请告诉我原因。

<div class="demo">

<ul id="sortable">
<li class="ui-state-default">1</li>
<li class="ui-state-default">2</li>
<li class="ui-state-default">3</li>
<li class="ui-state-default">4</li>
<li class="ui-state-default">5</li>
<li class="ui-state-default">6</li>
<li class="ui-state-default">7</li>
<li class="ui-state-default">8</li>
<li class="ui-state-default">9</li>
<li class="ui-state-default">10</li>
<li class="ui-state-default">11</li>
<li class="ui-state-default">12</li>
</ul>

</div>

我将 jQuery 中的脚本和样式标签粘贴在了头部:

<style>
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px;     height: 90px; font-size: 4em; text-align: center; }
</style>
<script>
$(function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
});
</script>
4

1 回答 1

0

您似乎缺少 CSS 文件。确保您已包含该jquery-ui-x.x.x.css文件。排序功能工作正常,所以它看起来像一个演示问题

我从 Google CDN 添加了 CSS,现在看起来不错

<link rel="Stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" /> 

您可能还想float: left从您的 css 中删除它们,以便它们显示为列表

于 2012-08-30T15:10:12.140 回答