Jquery并不总是选择这个

Jquery this not always selecting this

本文关键字：选择 Jquery      更新时间：2023-09-26

我有多个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');
}
}

Works for me....

示例小提琴: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>
相关文章：