Javascript 使用JSFIDLE中的代码出现问题

Javascript 使用JSFIDLE中的代码出现问题,javascript,jquery,cookies,Javascript,Jquery,Cookies,有人知道为什么我的代码在JSFIDLE上正确工作,但在我的网站上使用代码时却不正确吗 这是你的电话号码 在我的网站上,我的标题中包含以下链接: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 正如@helderdarocha所指出的,您的JSFIDLE设置为在加载时运行。这意味着JSFIDLE会自动将所有JS代码包装到window.ready()事件中

有人知道为什么我的代码在JSFIDLE上正确工作,但在我的网站上使用代码时却不正确吗

这是你的电话号码

在我的网站上,我的标题中包含以下链接:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

正如@helderdarocha所指出的,您的JSFIDLE设置为在加载时运行。这意味着JSFIDLE会自动将所有JS代码包装到window.ready()事件中

JSFIDLE中有几个选项

  • 装载
  • 昂多姆雷迪
  • 无包装(头部)
  • 无包装(在车身内)
根据您选择的选项,JSFIDLE以不同的方式生成代码

例如,使用onLoad生成以下源代码:

$(window).load(function() {
    function TermsAndConditions() {
        days = 30;
        myDate = new Date();
        myDate.setTime(myDate.getTime() + (days * 24 * 60 * 60 * 1000));
        document.cookie = 'TermsAndConditions=Accepted; expires=' + myDate.toGMTString();
    }

    var cookie = document.cookie.split(';')
    .map(function(x) {
        return x.trim().split('=');
    })
    .filter(function(x) {
        return x[0] === 'TermsAndConditions';
    })
    .pop();

    if (cookie && cookie[1] === 'Accepted') {
        $("#terms-and-conditions").hide();
    }

    $('.accept-button a').on('click', function() {
        TermsAndConditions(); // set cookie
        $("#terms-and-conditions").hide(); // hide element
        return false;
    });
});

JFiddle在页面加载时加载脚本。如何初始化页面。当您更改JFiddle中加载JavaScript的方式时会发生什么?(加载、文档准备就绪等)代码中有什么问题?您正在为同一项目附加两个单击事件,请在HTML中选择“在<代码>onclick之间”或“在<代码>on('click')”@hutchbat上”,这两个单击事件是1)设置cookie和2)隐藏DIV。如果我删除HTML中的onclick,然后如何调用该函数?@helderdarocha OnLoad似乎在JSFIDLE中工作。我想我不是在初始化我的页面。我该怎么做?