Question

当我点击内容向下滑动的头部时，我正试图制作一个信息框但是当我这样做时它只是向下滑动然后再向上滑动它在ascx文档中，我需要在dotnetnuke容器上使用它它在html文件中完美运行
这是代码

<script type="text/javascript">
    $(document).ready(function () {
        $('.head').click(function () {
            $('.content').slideToggle();
        });
    });
</script>

或

$(document).ready(function () {
    $('.textbox .content:eq(1)').hide();
    $('.textbox .head').click(function () {
        if ($(this).next('.content').is(':visible')) {
            $(this).next('.content').slideUp();
        } else {
            $(this).next('.content').slideDown();
        }
    });
});

Answer 1

在第一个示例中，如果您在页面上拥有同一容器的倍数，则会切换所有内容区域。

第二个示例看起来应该可以工作，但是，如果您有多个容器实例，并且该脚本位于容器本身中，您将多次注册该处理程序。尝试将脚本移动到外部文件并在代码中引用它，因此它只包含一次。有关此示例，请参阅DotNetNuke jquery script in container。

dnn中的jquery SlideToggle

1 个答案: