jQuery無法通過onClick事件工作

Question

由於某種原因，我的jQuery似乎無法正常工作。 我有一個Javascript函數TogAddCancel（），它是從輸入“ btnAddCncl”的onClick屬性調用的，該函數旨在切換按鈕的值。 在沒有jQuery的情況下，它可以正常工作，但在jQuery中根本無法執行。 有什么想法嗎？

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

沒有jQuery：

function TogAddCancel() {

    var x = document.getElementById("btnAddCncl").value;
    if (x=="Add") {
        document.getElementById("btnAddCncl").value = "Cancel";
    } else {
        document.getElementById("btnAddCncl").value = "Add";
    }

}

使用jQuery

function TogAddCancel() {

    var x = $('#btnAddCncl').val();
    if (x=="Add") {
        $('#btnAddCncl').val("Cancel");
    } else {
        $('#btnAddCncl').val("Add");      
    }
}

TogAddCancel（）從以下位置調用：

<cfinput type="button" id="btnAddCncl" name="btnAddCncl" onClick="TogAddCancel()">

Answer 1

您的腳本標簽不正確。 嘗試：

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

編輯

如果您的錯別字已清除，但仍然無法使用，您也可以嘗試將click（）與jQuery結合使用：

$('#btnAddCncl').click(function() {
    var x = $('#btnAddCncl').val();
    if (x=="Add") {
        $('#btnAddCncl').val("Cancel");
    } else {
        $('#btnAddCncl').val("Add");      
    }
});

無需onClick。

Answer 2

好。 弄清楚了！ 只需將src =“ http：// ..”中的“ http：”更改為“ https：// ...”即可。