0

所以我已经让一半的代码工作了，但我似乎无法让其余的代码继续工作。

我可以让 div 淡入，但不能让图像移动。

var mouse_is_inside = false;

$(document).ready(function() {
$(".how_btn").click(function() {
    var howWorks = $("#jhow_works");
    if (howWorks.is(":visible"))
        howWorks.fadeOut("fast");
    else
        howWorks.fadeIn("fast");
    return false;

    $("#spot-1").animate({ 
    marginLeft: "+=40px",
}, 2000 );

});


$("#jhow_works").hover(function(){ 
    mouse_is_inside=true; 
}, function(){ 
    mouse_is_inside=false; 
});

$("body").click(function(){
    if(! mouse_is_inside) $("#jhow_works").fadeOut("fast");
});
});

的CSS

#jhow_works {
display:none;
position:absolute;
width:440px;
margin:310px 150px 0 360px;
}

img#spot-1 {
position: absolute;
margin-left: 55px;
margin-top: 20px;
}

html

    <div id="jhow_works">
    <div id="how_wrapper">
        <img id="spot-1" src="../images/spot.png" alt="" >
    </div>
</div>


        <div id="how_it_works">
        <div id="logo_how"><a class="how_btn"  href="..."><img class="how_button" src="../images/how_it_works_logo.png" alt="How it works!" ></a></div>
        <div id="text_how"><a class="big how_btn"  href="..."><strong class="big_bold_main">How</strong>&nbsp;it Works</a></div>
    </div>

我必须在这里做一些愚蠢的事情。我很感激任何帮助

谢谢！

4

2 回答 2

4

将您的 return 语句移动到 click 函数的末尾。

$(".how_btn").click(function() {
  var howWorks = $("#jhow_works");
  if (howWorks.is(":visible"))
    howWorks.fadeOut("fast");
  else
    howWorks.fadeIn("fast");

  $("#spot-1").animate({ 
  marginLeft: "+=40px"}, 2000 );

  return false;
});
于 2012-08-14T02:32:36.403 回答
1

我将使用与 Heather 上面提供的代码相同的代码进行回答，因此我将发布一个链接，指向一些有关return false;. 此信息由另一个 Stack Overflow 用户在另一个问题What does "return false;"中提供 做？

希望这可以帮助某人。

于 2012-08-14T02:44:15.797 回答