函数中.push的Javascript问题

函数中.push的Javascript问题,javascript,arrays,Javascript,Arrays,我对Javascript和JQuery还很陌生 目前我正在尝试使用。将其推入我的函数。 当某人单击链接并将1添加到我的数组时,应触发此操作。单击链接后,我查看变量pointTotal,发现数组中没有任何内容 如果有人能告诉我,我想知道我做错了什么 Javascript var pointTotal = []; $("#pointOne").click(function() { pointTotal.push(1); }); HTML <div class ="qui

我对Javascript和JQuery还很陌生

目前我正在尝试使用。将其推入我的函数。 当某人单击链接并将1添加到我的数组时,应触发此操作。单击链接后,我查看变量pointTotal,发现数组中没有任何内容

如果有人能告诉我,我想知道我做错了什么

Javascript

var pointTotal = [];

$("#pointOne").click(function() {
    pointTotal.push(1);
});



HTML

  <div class ="quizSectionStress container-fluid">
    <div class="rowOne rowStyle">

      <div class = "answers col-xs-1 col-md-1">
        <div class="btn-group questionGroups">
          <button type="button" class="btn btn-default btn-md dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Answer <span class="caret"></span>
          </button>
            <ul class="dropdown-menu">
              <li><a href="#" id="questionOneOne pointOne" name="questionOneOne" value="1"><label>1</label></a></li>
              <li><a href="#" id="questionOneTwo pointTwo" name="questionOneTwo" value="2"><label>2</label></a></li>
              <li><a href="#" id="questionOneThree pointThree" name="questionOneThree" value="3"><label>3</label></a></li>
              <li><a href="#" id="questionOneFour pointFour" name="questionOneFour" value="4"><label>4</label></a></li>
              <li><a href="#" id="questionOneFive pointFive" name="questionOneFive" value="5"><label>5</label></a></li>
              <li><a href="#" id="questionOneSix pointSix" name="questionOneSix" value="6"><label>6</label></a></li>
            </ul>
        </div>
      </div>

当DOM就绪时,尝试声明所有变量和事件:

<!-- html... head... jQuery inclusion... -->
<script type="text/javascript">
    $(document).ready(function() {
        var pointTotal = [];

        $('#pointOne').click(function(e) {
            e.preventDefault(); // Just in case it's an anchor/submit/whatever..
            pointTotal.push(1);
            alert('pointTotal count so far: ' + pointTotal.length);
        });
    });
</script>
<!-- blah blah... more html -->

这是因为具有pointOne id的元素在准备就绪之前不会在DOM中,因此单击事件不会附加到它。

在代码中尝试这样做…链接jquery文件

var pointTotal=[]; $pointOne.clickfunction{ pointTotal.1; $show.textpointTotal; //console.logpointTotal; }; 点击
JS没有问题,你能在问题中包含你的HTML吗?如果你使用var pointTotal=new数组怎么办;而不是var pointTotal=[];?Alejandro,[]是声明数组的推荐方法,新数组是obsolete@royhowie是的,只是以防万一,浏览器的实现可能会有所不同,但不应该如此。另一种选择可能是,他没有在$document.readyfunction{}内声明;?在点击链接后,我看了一下变量pointTotal,你到底是怎么做的?你是对的,我已经在DOM之外准备好了,但是当我在DOM准备好的时候放置它,我似乎再也不能访问变量pointTotal了。我将更新我的问题并将我的HTML放在那里。@ndglover21据我所知,您的HTML是错误的,例如,读:。。。首先学习HTML,然后再学习Javascript/jQuery…谢谢,这就是问题所在。谢谢David的回复,但是当我尝试控制台log pointTotal时,它仍然是空的。