javascript - jQuery 滑动侧边栏面板插件中的问题

标签 javascript jquery html css

jQuery 滑动侧边栏面板插件不工作。我希望它通过单击打开,但需要单击 3 次按钮才能打开滑动面板。我在 main.html 页面中写了下面的代码

<html> <head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
   <script type="text/javascript" src="js/jquery.slidepanel.js"></script>

   <script type="text/javascript">
        $(document).ready(function(){
            $('[data-slidepanel]').slidepanel({
                 orientation: 'right',
                 mode: 'overlay'
            });
        });
    </script>
</head>

<body>
    <div class="divButton">
        <a href="slide.html" data-slidepanel="panel" ><button>Control Panel</button></a>
    </div>

</body> </html>

最佳答案

同时添加以下文件....

 <link rel="stylesheet" type="text/css" href="jquery.slidepanel.css">

关于javascript - jQuery 滑动侧边栏面板插件中的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24242421/

相关文章:

php - 一键在新选项卡中打开多个链接

javascript - jquery 单击链接

javascript - 将 Google map 标记图标更改为自定义图标

html - Z 索引 - 滑动过渡重叠有没有办法创建动态 z 索引?

javascript - 我可以定义一个函数来处理在 2 个输入标签上定义的 "change keyup"事件吗?这是不是一个好主意?

css - 如何修复多行显示消息

java - CometD 服务器抛出异常并且未一次推送所有消息

javascript - 使用Jquery显示图像 "find"

javascript - 打破浏览器中的图像缓存

jquery - 如何使用 JQuery 慢动作设置 CSS 属性?