首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery在accordion中放置图标库

Jquery在accordion中放置图标库
EN

Stack Overflow用户
提问于 2011-10-21 00:07:03
回答 1查看 241关注 0票数 0

我正在寻找一个jquery折叠插件,其中每个面板内的折叠可以包含一个可拖动的图标库。

EN

回答 1

Stack Overflow用户

发布于 2012-01-31 02:19:56

我最近制作了一个可拖动的图标,在悬停时显示手风琴效果,以显示有关该图标的信息,然后一旦用户确定要选择该图标,用户可以将其拖动到手机模拟器中,该模拟器会生成该模块可能喜欢的屏幕截图。我希望这能帮到你。

代码语言:javascript
复制
$(document).ready(function() {

    var dragged = false;
    /////////////BUTTON HOVER ACTION

    $('[class$="Button"]').mousedown(function() {
        dragged = true;
    });

    $('[class$="Button"]').mouseup(function() {
        dragged = false;

    });

    $('[class$=Button]').mouseover(function() {

        var arr = $(this).attr('class').split("Button");
        //alert(arr[0]);
        if (!dragged) {
            //$('[class$=Content]').hide();
            //$('[class$=Content]').dequeue("fx");
            $('div.'+arr[0]+'Content').stop(true, true).slideDown('slow');

        }
    });



    /////////////BUTTON HOVEROUT ACTION 

    $('[class$=Button]').mouseout(function() {

        var arr = $(this).attr('class').split("Button");
        //alert(arr[0]);
        $('div.'+arr[0]+'Content').stop(true, true).slideUp('slow');
        //$('[class$=Content]').hide();

    });
/////////////hide on Doc Load 

  $('[class$=Content]').hide();

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7838869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档