时间戳

首页 > 解决方案 > 绑定功能阻止点击功能工作？

javascript - 绑定功能阻止点击功能工作？

问题描述

自从我添加了 .bind() 函数后，我的代码中有一些点击函数不起作用。我不知道这是否真的是问题所在，但我想不出还有什么问题。

代码应该工作的方式是：

这是JS：

oReq.onload = function(e)
{    
    // doing something... //
    $(document).trigger('complete');
}

jQuery(document).ready(function()
{
    $('#videoButton').click(function()
    {
        $('html, body').animate(
        {
            scrollTop: $("#video").offset().top - 225
        }, 1000);

    });

    // BACK TO TOP
    $('#toTop').click(function()
    {
        $('html, body').animate(
        {
            scrollTop: $("#about").offset().top
        }, 1000);

    });
});

$(document).bind('complete', function()
{        
    console.log(jobs); //global variable

    console.log(sponsors); //global variable

    setTimeout(function()
    {
    runData(jobs);
    }, 0); 

});

标签： javascriptjquery

解决方案

.bind() 不是问题，这是因为按钮是动态添加的。我能够通过更改来修复它

$('#videoButton').click(function()

至：

$(document).on('click', '#videoButton', function()

推荐阅读