如何禁用缩略图的jquery功能

How to disable jquery function for thumbnail

本文关键字：jquery 功能 略图 何禁用      更新时间：2023-09-26

我有两部分缩略图，一组缩略图没有jumbotron容器，另一组缩略图在jumbotron容器内。

在没有jumbotron容器缩略图的情况下使用悬停功能，并希望删除jumbotron容器内缩略图的悬停功能。

现在我正在使用的悬停功能正在处理这两组缩略图。

如何禁用Jumbotron容器内缩略图的悬停功能

$(document).ready(function(){
$('.thumbnail').hover(
function( ){
    $(this).find('.caption').fadeOut(slow); //.fadeIn(250)
},
function( ){
$(this).find('.caption').fadeIn(slow); //.fadeOut(205)
}
);
});

没有Jumbotron容器的缩略图

<div class="row">
    <div class="col-sm-4">
      <div class="thumbnail">
        <div class="caption">

jumbotron容器内的缩略图

<div class="jumbotron">
   <div class="container">
      <h2>Featured Categories</h2>
         <div class="row"> 
            <div class="col-sm-6 col-md-4">
               <div class="thumbnail">

如何在jumbotron容器中禁用缩略图的悬停功能。

任何帮助都将不胜感激。

非常感谢。

为什么不在要使用的类中添加一个额外的类呢。类不一定需要反映css样式，也可以用于脚本目的

<div class="thumbnail myHoverClass">

JS-

$('.thumbnail.myHoverClass').hover(...
/* or just */
$('.myHoverClass').hover(...

如果这不实用，可以做

$('.thumbnail').not('.jumbotron .thumbnail').hover(...

您可以尝试类似的东西

if($('.thumbnail').parents().attr('class').indexOf('jumbotron') != -1)
{
//has a parent of jumbotron
}else{
//no parent named jumbotron
}

parent()和parents() 在jQuery中存在差异

相关文章：