Question

我想用嵌套列表创建一个包含更多内容的页面。

使用 jQueryUI selectable（），我想选择一些容器，然后选择一些列表项。

在我的情况下，选择项目似乎无法正常工作。

包含div同时获取 ui-chosen 和 ui-selected 。
点击列表项有时可以，但不是所有时间
在主视图上禁用选择它再次正常工作。

这是jQuryUI的行为问题还是我的问题？

谢谢！

    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.18.custom.js" type="text/javascript"></script>
    <style>

    #selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
    #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
    </style>
    <script>
        $(function ()
        {
            $("#mainview").selectable({ filter: '.card' });
            $("#selectable").selectable();
        });

    </script>
</head>
<body>
    <div id='mainview'>
        <div id='container1' style="width: 200px; height: 250px; background-color: yellow;top=100; left=100;">
            <ol id="selectable">
                <li>Item 1</li>
                <li>Item 2</li>
            </ol>
        </div>         
    </div>

jQuery和嵌套可选

0 个答案: