jQuery 选项卡动画暂停并由控制器播放
jQuery tab animation pause and play by controllers
我已经使用jQuery选项卡进行轮播,但我需要像播放和暂停这样的控制按钮。以下是我的控件。
<p id="carusalSwitch">Autoplay
<span class="on">On</span> | <span class="off">Off</span>
</p>
然后页面倾斜,选项卡动画暂停(停止),通过按钮交互,可以播放,反之亦然。 下面是查询代码,
// when loaded carousal is paused, off text is change to bold
$('#carusalSwitch .off').css('fontWeight','bold');
// when user click on "ON" link
$('#carusalSwitch .on').click(function() {
$('#featured > ul').tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 3000, true);
$(this).css('fontWeight','bold');
$('#carusalSwitch .off').css('fontWeight','normal');
});
// when user click on "OFF" link
$('#carusalSwitch .off').click(function() {
$('#featured > ul').tabs();
$(this).css('fontWeight','bold');
$('#carusalSwitch .on').css('fontWeight','normal');
});
当您单击"ON"链接时,动画开始,但当单击"关闭"时,动画仍会继续。可能有什么错误?
即使我尝试添加以下代码,
$('#featured > ul').tabs().clearQueue().stop();
但没有运气。
试试这个:
$('#featured > ul').unbind('toggle').unbind('rotate');
$('#featured > ul').tabs('rotate', null, true);
当我如上所述使用时,它工作正常。
相关文章:
- 如何播放部分音频文件
- 在指令控制器中使用$attrs时出现问题
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 播放当前视频时如何停止其他视频?JavaScript
- 从控制器返回后Ajax启动事件激发
- 获取@ResponseBody的一部分作为主干和Spring MVC控制器之间的参数
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 如何在单击复选框后调用控制器方法
- 在控制器和数据对象之间同步数据
- 将Javascript数组发送到控制器ASP.NET MVC
- 角度控制器结构
- 如何在Jquery中发布后将值从视图返回到控制器
- 将值从html传递到AngularJS控制器
- 从我的控制器返回一个不同于200的代码以触发ajax错误,这被认为是一种好的做法吗
- jQuery 选项卡动画暂停并由控制器播放
- 在js文件中播放框架控制器操作调用
- 当你在HTML5视频控制器上点击播放时,哪些变量/属性会发生变化
- 播放框架Javascript路由器不工作的控制器在不同的目录
- 在播放框架上将参数从视图传递到控制器