$ Not Defined Error

Question

以下代码用于动态创建复选框。

但在Chrome控制台中，它表示$未定义。这个$错误在这一行：

$.post(
            "index1.php", 
            { 
                "newopt": newopt  
            }, 

此处的完整代码...

var optiondiv = document.getElementById('option-div');

document.getElementById('create').onclick = function () {

    newopt = document.getElementById('new-option').value;
    if(newopt){
        var input = document.createElement('input'),
        label = document.createElement('label');
         /* IF USER DID NOT INPUT A TEXT, 'No Entered Text' WILL BE THE DEFAULT VALUE */
    newopt = (newopt == '')?'No Entered Text':newopt;
      /* FILL OUT THE TAGS OF THE NEW INPUT ELEMENT */
        input.type = "checkbox";
        input.setAttribute("value", newopt);
        input.setAttribute("checked", true);
        input.setAttribute("name", "prints[]");
        /* PUT THE INPUT ELEMENT/RADIO BUTTON INSIDE THE LABEL */
        label.appendChild(input);
        label.innerHTML += newopt+'<br>'; 
         /* PUT THE LABEL ELEMENT INSIDE THE option-div DIV */
        optiondiv.appendChild(label);
        //optiondiv.appendChild(input);
        //ele.appendChild(input);
        //input.onclick = function(){ alert('this is test'); };

        //optiondiv.appendChild(label);
        document.getElementById('new-option').value = '';

        $.post(
            "index1.php", 
            { 
                "newopt": newopt  
            }, 
            function(data) {
                if(data.success){
                    alert('Successfully Added To dB');
                }else{
                    alert('Not Added To DB');
                }

        });

    }else{
        alert('Please Enter Check Box Value.');
        return false;
    }



};

Answer 1

要在自己的JavaScript中使用jQuery，您需要确保包含jQuery 之前的<script>元素您自己的JavaScript（无论是内联还是包含）。

（严格来说，延迟执行你可以不那么严格，但从简单的方法开始。）

EG。这将有效：

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script type='text/JavaScript'>
  // Your code using jQUery
</script>

但这不会：

<script type='text/JavaScript'>
  // Your code using jQUery
</script>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>