使用angular时如何集成jquery插件

使用angular时如何集成jquery插件,jquery,angularjs,Jquery,Angularjs,使用angular开发完整的应用程序,现在我必须实现tab滑出jquery插件页面。选项卡滑出jquery插件url $(函数(){ $('.slide out div').tab滑出({ tabHandle:'.handle',//将成为选项卡的元素的类 pathToTabImage:'images/contact_tab.gif',//选项卡的图像路径//也可以使用css设置 imageHeight:'122px',//选项卡图像的高度//也可以使用css设置 imageWidth:'40

使用angular开发完整的应用程序,现在我必须实现tab滑出jquery插件页面。选项卡滑出jquery插件url


$(函数(){
$('.slide out div').tab滑出({
tabHandle:'.handle',//将成为选项卡的元素的类
pathToTabImage:'images/contact_tab.gif',//选项卡的图像路径//也可以使用css设置
imageHeight:'122px',//选项卡图像的高度//也可以使用css设置
imageWidth:'40px',//选项卡图像的宽度//可以选择使用css设置
tabLocation:'左',//选项卡所在屏幕的一侧,顶部、右侧、底部或左侧
速度:300,//动画速度
操作:'单击',//选项:'单击'或'悬停',触发动画的操作
topPos:'200px',//从顶部开始定位/如果tabLocation为左或右,则使用
leftPos:'20px',//从左开始定位/如果tabLocation为底部或顶部,则使用
fixedPosition:false//options:true使其粘贴在滚动条上(固定位置)
});
});
联系我
感谢您查看我的jQuery插件,我希望您觉得这很有用。

这可以是提交反馈或联系信息的表单


现在有人告诉我如何通过angular集成tab滑出jquery插件。请用示例代码指导我。谢谢

我认为这不太好。只需将代码放入控制器或模块run()函数的-标记中即可。@Aer0非常抱歉,我不知道在脚本标记中放入什么,因为我是新来的。请提供修改过的示例代码,或者告诉我怎么做?谢谢我猜你的标签中的代码(包括你的tabSlideOut(…)当前正在你的页面上运行,或者?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

    <script type="text/javascript">
    $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
            imageHeight: '122px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '40px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'left',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'click',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '200px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
        });

    });

    </script>

<div class="slide-out-div">
            <a class="handle" href="http://link-for-non-js-users.html">Content</a>
            <h3>Contact me</h3>
            <p>Thanks for checking out my jQuery plugin, I hope you find this useful.
            </p>
            <p>This can be a form to submit feedback, or contact info</p>
</div>