小编Sem*_*vum的帖子

我想创建一个这样的多列列表:https: //jsfiddle.net/37dfwf4u/

为每列使用不同的列表时没问题:

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>
<ul>
    <li>item5</li>
    <li>item6</li>
    <li>item7</li>
    <li>item8</li>
</ul>

ul {
    display:inline-block;
}

但是,这可以通过连续列表和纯CSS来完成,以便CSS自动排列列吗？例如,使用我还不熟悉的flex布局？

我onchange在这样的复选框上附加一个事件：

$("input[type='checkbox'][name='auswahl[]']").on("change", function() {
    alert($(this).attr("id") + ' ' + $("label[for='" + $(this).attr("id") + "']").text() + $(this).attr("checked"));
});

复选框如下所示：

<input type="checkbox" name="auswahl[]" id="aus_nunatsiaqnews_ca"><label for="aus_nunatsiaqnews_ca" title="Canada">Nunatsiaq News</label>

不幸的是，该事件触发了两次。当我隔离上面给出的代码并将其放在测试页上时，一切都很好，并且事件仅触发一次。需要帮忙。