在这种特定情况下，数据将被覆盖

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

我通过查看他们的“高级选项”示例来弄清楚。 基本上，您需要指定一个将在其中创建倒计时的目标（否则，它似乎使用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/