javascript - Javascript/Jquery 代码跳过调试器中的整个函数

Question

function bet() {
    $('table img').css('cursor', 'pointer');
    $('table img').click(function () {
        yourBetNumber = $(this).slice(0, -1);       
        $('#item' + yourBetNumber).clone().appendTo('#yourbet');
        $('table').hide();
        $('table img').css('cursor', 'pointer');
    });
}

我有一个显示的项目表，每个项目都是不同的图像，并且在 html 中具有唯一的 ID。我想要做的是让用户点击他们想要投注的项目，并且应该将其注册为他们的投注号码。我还不确定切片部分是否正确，但这不是重点——即使我在代码中调用了该函数，它也根本没有执行。当我尝试进入下一行（尝试使用断点等）时，调试器也会完全跳过它。

知道为什么会发生这种情况以及如何解决吗？

Answer 1

您需要bet()在document.ready Try this内调用

$('document').ready(function () {
    bet();
});

Answer 2

function bet(el) {
    var yourBetNumber = $(el).slice(0, -1);
    $('#item' + yourBetNumber).clone().appendTo('#yourbet');
    $('table img').hide();
}

//Setting the CSS
$(document).ready(function () {
    $('table img').css('cursor', 'pointer');
});

//AddEventHandler
$('table img').click(function () {
    bet($(this)); //Call Function "bet" with the jQuery-Object
});