1

又是我 :D

如您所知（或不知道），MyBB 使用 Prototype 扩展论坛表。但是我正在为我的论坛编码和设计一个新主题，而不是使用表格，是的，MyBB 的完整 div 主题。

正因为如此，我不能使用MyBB已经内置的为表格设计的扩展功能。

这是我的展开/折叠论坛类别的代码。

Javascript：

jQuery.noConflict();

function toggleForums(catId) {
    var forumCategoryId = "#cat_" + catId;

    jQuery(forumCategoryId).click(function() {
        jQuery(this).next().toggle();
    });

    jQuery(forumCategoryId).click(function() {
        jQuery(this).toggleClass('.forum-parent collapsed').toggleClass('.forum-parent');
    });
}

HTML (forumbit_depth_1_cat)

<a id="cat_{$forum['fid']}" href="javascript:;" class="forum-parent" onclick="toggleForums({$forum['fid']});">{$forum['name']}</a>
<div class="child-forums" name="cat_{$forum['fid']}" id="cat_{$forum['fid']}_e" style="{$expdisplay}">
<div class="forums-list">
{$sub_forums}
</div> <!-- /end forums-list -->
</div> <!-- /end child-forums -->
<span class="clear"></span>

是的，以前的代码不起作用。只有当我在onclick 事件中使用这个 jquery 时它才会起作用

onclick="jQuery(this).next().toggle();jQuery(this).toggleClass('.forum-parent collapsed').toggleClass('.forum-parent');"

如果我使用 onclick 事件，那么我无法设置 cookie 来为用户保存当前的可扩展文件。

我需要你的建议，伙计们。

先谢谢了！

4

1 回答 1

1

尝试用这个替换你的 Javascript 代码。希望它可能会有所帮助。

function toggleForums(catId) {
    var lctgCategory = "#cat_" + catId;

    if (jQuery(lctgCategory).hasClass('collapsed')) {
        jQuery.cookie("catStatus","collapsed",{expires: 365});
    } else {
        jQuery.cookie("catStatus","expanded",{expires: 365});
    }

    if (jQuery.cookie("catStatus") == "collapsed") {
        jQuery(lctgCategory).next().show();
        jQuery(lctgCategory).toggleClass('collapsed');
    } else {
        jQuery(lctgCategory).next().hide();
        jQuery(lctgCategory).toggleClass('collapsed');
    }
}
于 2016-04-14T09:19:25.137 回答