小编Adi*_*rti的帖子

函数调用不适用于“单击”事件处理程序

我在使用click事件处理程序执行函数时遇到问题。如果我摆脱了函数numberCheck()并将代码直接发布到事件处理程序中,那么它将正常工作。我在这里缺少基本的东西吗?

这是我的代码:

jQuery(document).ready(function(){ 
var scopedVariable;
var number = Math.floor(Math.random()*11);
function numberCheck() {
$(this).closest('#outsideContainer').find('.hotter').addClass('hideStuff');
 $(this).closest('#outsideContainer').find('.colder').addClass('hideStuff');
var guess = $(this).closest('#guessContainer').find('.value').val();
    if( +guess === number)
    {
    $(this).closest('#outsideContainer').find('.gotIt').removeClass('hideStuff');
    }
    else {
        $(this).closest('#guessContainer').find('.value').val('Please guess again');
        if(Math.abs(guess - number) < Math.abs(scopedVariable - number)) {
            $(this).closest('#outsideContainer').find('.hotter').removeClass('hideStuff');
            }
        else if(Math.abs(guess - number) > Math.abs(scopedVariable - number)) {
            $(this).closest('#outsideContainer').find('.colder').removeClass('hideStuff');
            }
        scopedVariable = guess;
        } 


}

$('.query').on('click', function() {

        numberCheck();
  }); 
 });
Run Code Online (Sandbox Code Playgroud)

如果需要,这是我的HTML:

<body>
    <div id="outsideContainer">
    <div id="guessContainer">
        <h3> Guess a number between 1 and 10 </h3>

        <input id="txtfield" name="txtfield" …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery function-calls

3
推荐指数
1
解决办法
753
查看次数

标签 统计

function-calls ×1

html ×1

javascript ×1

jquery ×1