Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery丝般光滑的字幕,仅当悬停发生在锚上时暂停,而不是在div上_Jquery_Jquery Plugins_Marquee - Fatal编程技术网

jquery丝般光滑的字幕,仅当悬停发生在锚上时暂停,而不是在div上

jquery丝般光滑的字幕,仅当悬停发生在锚上时暂停,而不是在div上,jquery,jquery-plugins,marquee,Jquery,Jquery Plugins,Marquee,我正在使用jquery插件即“丝滑字幕”来创建字幕 HTML 因此,将光标放在选框div上会暂停它,但我只想在光标位于news\u marque类中的a标记上时暂停它 我尝试了以下代码 $('.news_marquee').marquee(); $('.news_marquee a').mouseover(function () { $('.news_marquee').trigger('stop'); }).mouseout(function () {

我正在使用jquery插件即“丝滑字幕”来创建字幕

HTML

因此,将光标放在选框
div
上会暂停它,但我只想在光标位于
news\u marque
类中的
a
标记上时暂停它

我尝试了以下代码

    $('.news_marquee').marquee();
    $('.news_marquee a').mouseover(function () {
    $('.news_marquee').trigger('stop');
    }).mouseout(function () {
    $('.news_marquee').trigger('start');
    });
但这是行不通的

如何实现我的愿望


<强>编辑:当左到右选框开始时,MouQee到达左端需要时间,如果鼠标放置在左端旁边的空白区域,则需要时间。暂停框,但我想暂停,只有当鼠标是在<代码>一个“< /代码>标签,即放置光标在空白空间不应该暂停它。

< P>我认为这会起作用:

$('.news_marquee a').marquee().mouseover(function () {
  $('.news_marquee').trigger('stop');
}).mouseout(function () {
  $('.news_marquee').trigger('start');
});

将目标属性与Jquery is方法()结合使用


从Johan Sunden的答案中获得帮助,并通过以下方式找到解决方案:

$('.news_marquee').marquee().mouseover(function (e) {

    if ($(e.target).is('a')) {

$(this).trigger('stop');    
    }

}).mouseout(function () {
  $(this).trigger('start');
});

EDIT:更正了以前粘贴的代码段,但它没有这样做。它应该会创建这么多的选取框,对吗?不起作用,用
marquee()
链接
mouseover
,并使用目标属性使其起作用。补充道:我的回答是想展示一种有效的技术,但忘记了字幕。很抱歉很高兴它成功了!
$('.news_marquee a').marquee().mouseover(function () {
  $('.news_marquee').trigger('stop');
}).mouseout(function () {
  $('.news_marquee').trigger('start');
});
$('.news_marquee').mouseover(function (e) {
    if ($(e.target).is('a')) {
        // Hovers anchor tag!
    }
}
$('.news_marquee').marquee().mouseover(function (e) {

    if ($(e.target).is('a')) {

$(this).trigger('stop');    
    }

}).mouseout(function () {
  $(this).trigger('start');
});