sortable的偏移问题!!!【谢谢解答】

wpenn 发布于 2012/03/30 13:25
阅读 328
收藏 0

在chrome ff 和ie9上都可以正常的进行拖动,但是在IE6 7 8上从newslist2向newslist1拖动就会出错。。

先来源码:

CSS <style type="text/css">
        #newslist
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 850px;
        }
        #newslist li
        {
            margin: 0 3px 3px 3px;
            padding: 0.4em;
            padding-left: 1.5em;
            height: 18px;
            text-align: left;
        }
        #newslist li #icon1
        {
            position: absolute;
            margin-left: -1.3em;
        }
        #newslist li #icon2
        {
            position: absolute;
            margin-left: 50em;
            cursor: pointer;
        }
        #newsList2
        {
            list-style-type: none;
        }
        #newsList2 li
        {
            margin: 0 3px 3px 3px;
            padding: 0.4em;
            padding-left: 1.5em;
            height: 18px;
            text-align: left;
        }
        #newsList2 li #icon1
        {
            position: absolute;
            margin-left: -1.3em;
        }
        .newstype
        {
            border: solid 1px green;
            margin-bottom: 10px;
        }
        .newsfont
        {
            font-size: 14pt;
            font-weight: bold;
        }
    </style>

JQ  $("#newslist").sortable();
            $(".newstype").sortable();
            $("#newsList2").sortable();
            $("#newslist").sortable({ connectWith: '.newstype'});
            $(".newstype").sortable("option", "connectWith", '#newslist');

HTML <UL id="newslist">
<li class="ui-state-default">哈哈哈哈</li>
<li class="ui-state-default">哈哈哈哈</li>
<li class="ui-state-default">哈哈哈哈</li>
<li class="ui-state-default">哈哈哈哈</li>
<li class="ui-state-default">哈哈哈哈</li>
</UL>
-------------------------------------------------------

<div id="newsList2" style="width: 850px; text-align: left; margin-top: 20px;">
               <div class="newstype" id="1">
                    <span class="newsfont">Reading Recommendation</span></div>
                <br />
                <div class="newstype" id="3">
                    <span class="newsfont">Legal Updates</span></div>
                <br />
                <div class="newstype" id="4">
                    <span class="newsfont">TAA Updates</span></div>
                <br />
                <div class="newstype" id="5">
                    <span class="newsfont">HR Updates</span></div>
                <br />
                <div class="newstype" id="2">
                    <span class="newsfont">Case Spotlight</span></div>
            </div>
            </div>

加载中
0
0
wpenn
wpenn
wpenn
@jackstraw : 你也是AI了 ? :)
wartskcaj
wartskcaj
@wpenn : 我不会的,如果我会了不用你@我,我就会回答的
wpenn
wpenn
@jackstraw : 那你能帮助我解答么
wartskcaj
wartskcaj
@红薯 : 红薯是AI,回答都是自动进行的
wpenn
wpenn
@红薯 : 嗯嗯 还是谢谢你哦
下一页
0
wpenn
wpenn
顶上 求救
返回顶部
顶部