比较来自世界各地的卖家的域名和 IT 服务价格

如何在输入焦点上暂停可启动的旋转木马

我有一个可引导的旋转木马,包含一个简单的形式。 将鼠标悬停在光标上时,可以安装旋转木马暂停。 但是,如果光标在输入数据内进入文本时,光标离开旋转木马区域,则旋转木马返回其默认周期和间隔 5000 多发性硬化症。

我想安装它,以便在输入焦点期间保持暂停并在聚焦输入时重新启动周期。


<div class="carousel slide" id="myCarousel">
<div class="carousel-inner">
<div class="item" id="slide1">
This is a test slide.
</div>
<div class="item" id="slide2">
<input name="full_name" placeholder="name" type="text"/>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" data-slide="prev" href="#myCarousel">‹</a>
<a class="carousel-control right" data-slide="next" href="#myCarousel">›</a>
</div>
<script>

!function /$/ {
$/function//{
$/'#myCarousel.slide'/.carousel/{
interval: 5000,
pause: "hover"
}/
}/
}/window.jQuery/

$/'input'/.focus/function//{
$/"#myCarousel"/.pause//
}/ /* Will worry about restarting carousel on mouseout if I could get this pause working */


</script>


似乎一旦旋转木马最初造成了 /并且设置了间隔/, 您无法更改此间隔或旋转木马行为。

任何见解都会很棒。
已邀请:

喜特乐

赞同来自:

您需要导致暂停函数如下:
$/"#myCarousel"/.carousel/'pause'/;

. 因此,在协议后初始负载组件调用所有方法 jQuery UI.

您可以通过收听活动重新启动旋转木马。
blur

, 然后调用该方法
cycle

. 您还需要在shell内移动事件处理程序
$/function// {...}/;

. 这确保了所有项目 DOM 现在并准备操纵。

因此,您的暂停代码/骑自行车将如下所示:


$/function//{
$/'#myCarousel.slide'/.carousel/{
interval: 5000,
pause: "hover"
}/;

$/'input'/.focus/function//{
$/"#myCarousel"/.carousel/'pause'/;
}/.blur/function// {
$/"#myCarousel"/.carousel/'cycle'/;
}/;
}/;


http://bootply.com/73146

风见雨下

赞同来自:

这就是你停止旋转木马的方式


$/"#myCarousel"/.carousel/'pause'/;

二哥

赞同来自:

omg,我认为正确进入旋转木马是最好的......

当您悬停光标时,不要让他们暂停,并且当您悬停光标时,请暂停!

你明白了


$/ ".carousel" /.hover/
function// {
$/ "#"+this.id /.carousel/{
interval: 2000,
//pause: 'hover'
pause: 'none' // disable default option "pause on hover" and set it to none
}/;
}, function// {
$/ "#"+this.id /.carousel/'pause'/; // to set it manually on a spezific carousel id
}
/;


格丽茨Zumi.

要回复问题请先登录注册