Question

我是JS和HTML的新手，我尝试理解的内容很多，所以如果有人能帮忙解释它就会很棒。

这是我的代码片段。

<script>
$(".radio-inline").click(function(){
 $("#team").click(function(){
    create_Countdown(data[2].year, data[2].month, data[2].day, data[2].Hours, data[2].ampm, data[2].minute, data[2].second); 
   });
});
</script>

出于某种原因，每当我在jquery函数中调用create_Countdown（）函数时，它都会在所有空白页面上生成。我假设所有其他代码由于某种原因被删除。奇怪的是，如果我在没有调用jquery函数的情况下调用该函数，它将打印到我想要的位置。

有人可以帮忙吗？

对于那些要求查看create_Countdown（）代码的人来说，这是

function create_Countdown(yearx, monthx, dayx, hourx, ampmx, minutex, secondx){ //Code to create a new countdown with the parameters
    new Countdown({year  : yearx, 
    month : monthx, 
    day   : dayx, 
    hour  : hourx,
    ampm  : ampmx,
    minute  : minutex, 
    second  : secondx});

}

我试图在新的之前做一个回报，看看是否会有差异和不。

Answer 1

为什么点击处理程序嵌套在彼此之内？

$(".radio-inline").click(function(){
   // when I click .radio-inline
   // then attach click handler to #team element
   $("#team").click(function(){
      //then when I click #team , after I have click radio-inline
      //then create count_countdown
        create_Countdown(data[2].year, data[2].month, data[2].day, data[2].Hours, data[2].ampm, data[2].minute, data[2].second); 
   });
});

Answer 2

我通过查看他们的＆＃34;高级选项＆＃34;例。基本上，你需要指定一个创建倒计时的目标（否则它似乎使用document.write或某些会弄乱你的html）。

首先你需要在你的html中使用它：

<div id="countdown"></div>

然后，在你的javascript：

function create_Countdown(yearx, monthx, dayx, hourx, ampmx, minutex, secondx) {
    new Countdown({
        year   : yearx, 
        month  : monthx, 
        day    : dayx, 
        hour   : hourx,
        ampm   : ampmx,
        minute : minutex, 
        second : secondx,
        target : "countdown" // A reference to an html DIV id
    });
}

这告诉Countdown在现有HTML元素内部创建自己，而不是默认行为。

您可以在此处看到它：http://jsfiddle.net/gnhtb1cp/5/

在这一个特定场景中覆盖数据

2 个答案: