Question

我有多个div，当用户点击div时，它只是动画div上的一些文字。问题是在某些时候选择了正确的div，但有些时候它会以不正确的div为目标。

 $( document ).ready(function() {
$('#SpinnerTrue').css('opacity', '0.0');
$( ".GameWrapper .spinnerWrapper" ).click(function() {
    Slide(this, 40);
});
});
function Slide(id, Size)
{
var VidF = $(id).children("#SpinnerFalse");
var VidT = $(id).children("#SpinnerTrue");
var VidV = $(id).children(".LocalVal");

var amount = Size;
if($(VidV).val() == "true")
{
    $( VidF ).animate({ "top": "+="+amount, 'opacity': '1.0'}, "fast" );
    $( VidT ).animate({ "top": "+="+amount, 'opacity': '0' }, "fast" );
    $( VidV ).val('false');
}
else
{
    $( VidF ).animate({ "top": "-="+amount, 'opacity': '0'  }, "fast" );
    $( VidT ).animate({ "top": "-="+amount, 'opacity': '1.0' }, "fast" );
    $( VidV ).val('true');
}
}

Answer 1

为我工作....

示例小提琴：http://jsfiddle.net/JbFe2/

我的HTML，基于你的js结构...

<div class="GameWrapper">
    <div class="spinnerWrapper">
        <div id="SpinnerFalse">FALSE</div>
        <div id="SpinnerTrue">TRUE</div>
        <div class="LocalVal">LocalVAL</div>
    </div>
</div>

Jquery并不总是选择这个

1 个答案: