1

对不起我的英语不好 （

做几个功能是不可能的。

  1. 当您单击“.jv-add”时，添加“.cat-hover”并删除“.item”+添加 html - 按下它以返回所有内容的按钮。就像所有没有 Poble 的作品一样。
  2. 我想通过函数返回到它以前的状态。即当点击“.cat-close”（添加html）需要移除“.car-hover”和html（）以及添加“.item”时尝试切换，但失败（
  3. 我有大约 13 个元素，类“jv-add”如何在完成时执行此操作，此条目的当前函数，所有其他重置为零

我将非常感谢您的帮助！

HTML 代码：

<div class="cat-item">
            <div id="cat" class="jv-add item">
                <h3 class="cat-one head">Name category</h3>
                <div class="clear"></div>
                <ul class="onelevel">
                    <li><a href="file.html">Sub category 1</a></li>
                    <li><a href="file.html">Sub category 2</a></li>
                    <li><a href="file.html">Sub category 3</a></li>
                    <li><a href="file.html">Sub category 4</a></li>
                    <li><a href="file.html">Sub category 5</a></li>
                </ul>
            </div>
        </div>

Javascript代码：

$(".cat-item>.jv-add").click(function () {
    $(this).addClass("cat-hover").removeClass("item").append('<i class="fa cat-close fa-times"></i>');
});
4

1 回答 1

1

您可以将所有事件的处理委托给容器元素cat-item

$(".cat-item")
    .on('click', '.jv-add:not(.cat-hover)', function () {
    $(this)
        .addClass("cat-hover")
        .removeClass("item")
        .append('<i class="fa cat-close fa-times"></i>');
}).on('click', '.cat-close', function (e) {
    $(this)
        .closest('.jv-add')
        .removeClass('cat-hover')
        .addClass('item')
        .find('.cat-close')
        .remove();
    return false;
});

演示在 http://jsfiddle.net/rUKde/

于 2013-10-27T20:09:31.203 回答