当 mousOver 在 img 上时，我正在使用 jquery 代码来显示和隐藏文本 div。它工作正常，但是当显示 div 时，当 mouseOver div 时，它会隐藏并在 mouseOver 时再次显示。我想要做的是在鼠标悬停在图像上时显示 div，当鼠标悬停在图像内和 div 未隐藏的文本 div 上时，我希望 div 仅在鼠标离开 img 时隐藏。问题是我猜是因为我的 div 是 position:absolute，但我必须保留这个。
这是我的 jquery：
$(".image_big").hover(function(){
$('.cartouche').show();
},function(){
$('.cartouche').hide();
});
和我的 CSS ：
.cartouche {display:none;position: absolute;
bottom: 0px;
background-color: #00B252;
color: white;
text-transform: uppercase;
text-align: left;padding: 10px}
.image_big_container{width:473px;height:330px;text-align: center;}
#slideshow{margin-top: 20px;position:relative}
#slideshow_big { margin-bottom:10px}
这是 JSfiddle 来查看它的实际效果：
http://jsfiddle.net/m7zFb/352/
我的网站上也会有很多图像，并且只想从所选图像中显示文本 div，有没有办法添加 this.children 以仅定位我是 mouseOver 的图像？
希望你明白我的问题，
感谢您的帮助
我在wordpress网站上使用高级自定义字段插件.我正在页面上显示来自子页面的转发器字段的第一个图像("照片")('photos_presse').这是我正在使用的PHP代码.
<?php
$args = array(
'post_type' => 'page',
'post_parent' => $post->ID,
'order' => 'ASC',
'orderby' => 'menu_order',
'post_status' => 'publish',
'number' => 'no limit',
);
$parent = new WP_Query( $args );
if ( $parent->have_posts() ) : ?>
<?php while ( $parent->have_posts() ) : $parent->the_post(); ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<div id="parent-<?php the_ID(); ?>" class="parent-page">
<div class="cartouche_crop">
<?php
$first_img = true;
while($first_img && has_sub_field('photos_presse')): ?>
<img src="<?php the_sub_field('photo'); ?>" class="artists_menu">
<?php $first_img = false; ?>
<?php endwhile; ?> …我正在尝试JS中的一些非常简单但我不能使它工作......
我想点击一个div来向另一个div添加一个负余量 - 但是我希望每次点击div时都会发生这种情况,不仅仅是现在的一次.Eveytime我点击我的#next_nav,我希望#nav从10px负数移动.这里只能工作一次.这是我的js:
$(function() {
$('#next_nav').click(function () {
$( "#nav" ).css('margin-left','-10px');
});
});
和我的HTML:
<div id="next_nav"></div>
<div id="nav"></div>
这是我的JSfiddle:http://jsfiddle.net/Beyzd/
任何人都可以帮助我吗？非常感谢,
我在我的网站上使用高级自定义字段.
我有一个名为anime_par的转发器字段,sub_field称为animateur.子字段animateur是一个后对象.
我在我的页面中的循环中使用它,这个循环显示自定义帖子类型中的类别的帖子.
我要做的是在我的页面中显示animateur选择的帖子名称和帖子链接.
这是我正在使用的代码,但它不起作用,它显示我当前页面的永久链接,而不是在自定义字段中选择的代码.
<?php while(has_sub_field('anime_par')): ?>
<a href="<?php echo get_permalink('the_sub_field("animateur")'); ?>"><?php echo get_title('the_sub_field("animateur")'); ?></a>
<?php endwhile; ?>
有什么建议使这项工作？
谢谢你的帮助,
我正在使用jQuery Slick在我的网站上使用幻灯片。
加载页面时，我的幻灯片会隐藏，并且我可以单击一些缩略图来打开我的幻灯片。
每个缩略图都有一个数据编号属性（我的变量），当单击缩略图时，我的幻灯片会自行打开，并且应根据单击的缩略图来设置初始幻灯片。
这是我的代码，没有变量。我选择拇指 4 只是为了示例，它工作正常：
$(".thumb").click(function(){
$(".slider").show();
setTimeout(function(){
$('.slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
centerMode: true,
initialSlide : 4,
infinite: true,
prevArrow : $('.prev'),
nextArrow : $('.next')});
$(".slider").css("opacity", 1);
}, 2000);
});
您可以看到它在jsFiddle上运行。
现在，当我尝试在初始幻灯片的代码中添加一个变量时，初始幻灯片没问题，但是当我单击“下一步”时，我的幻灯片消失或无法正常工作...
尝试例如拇指 7...
这是我的代码：
$(".thumb").click(function(){
var initialslide = $(this).attr("data-number");
$(".slider").show();
setTimeout(function(){
$('.slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
centerMode: true,
initialSlide : initialslide,
infinite: true,
prevArrow : $('.prev'),
nextArrow : $('.next')});
$(".slider").css("opacity", 1);
}, 200);
});
请参阅此jsFiddle以查看其实际效果：如果在幻灯片显示后单击“下一步”，您将看到问题。
我不知道我做错了什么，有人可以帮助我吗？
谢谢