Question

我正在尝试使用具有相同可选类的两个可选列表，我想在进行选择时切换所有项而不管父列表。

目前，当我选择一个项目时，只有来自同一列表的选项被切换/取消选中，但另一个列表中的选定项目仍然处于选中状态。

对于这个特定的功能，有没有办法让这些作为两个单独的列表但行为相同？

任何帮助将不胜感激。谢谢。

＆＃13;

$( ".selectable" ).selectable();

＆＃13;

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    
<style>
    div {border:1px solid black;}
    .selectable .ui-selecting { background: #FECA40; }
    .selectable .ui-selected { background: #F39814; color: white; }
    .selectable { list-style-type: none; margin: 0; width: 60%; }
    .selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
</style>
    
    <div id="div1">
        <h4>List 1</h4>
        <ul class="selectable">
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
            <li>Item 6</li>
            <li>Item 7</li>
        </ul>
    </div>
    
    <div id="div2">
        <h4>List 2</h4>
        <ul class="selectable">
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
            <li>Item 6</li>
            <li>Item 7</li>
        </ul>
    </div>

＆＃13;

Answer 1

我想我在这里尝试实现的是在不同小部件下定义的内容，您可以调用menu。

将脚本更改为：

ContaCorrente

给出了理想的结果。

Jquery在从任一列表中选择任何项目时切换多个可选列表（当前选择除外）中的所选项目

1 个答案: