javascript從按鈕運行動態代碼

Question

這是html代碼測試

我是新手，並且在js文件中運行此代碼，因此可以正常工作。 唯一的問題是我的JQUERY網站上的所有按鈕都沒有。 誰能幫我一個忙，告訴我如何使其僅針對某個人...

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("js/jobs.json", function(result){
           $.each(result, function(i, field){
                $("div").append(field + " ");
                            });
        });
    });
});

Answer 1

最簡單的方法是將id屬性添加到要定位的特定按鈕。 然后，您將可以添加click事件，如下所示：

$('#buttonId').click(...)

Answer 2

您將必須先學習HTML。 例如，在這種情況下，您需要為此元素分配ID ATTRIBUTE

<button id ='myButton'>Test</button>

單擊該按鈕后，此代碼將起作用。 但是您需要定位該確切按鈕，請參見下面

$(document).ready(function(){
    $("#myButton").click(function(){
        $.getJSON("js/jobs.json", function(result){
           $.each(result, function(i, field){
                $("div").append(field + " ");
                            });
        });
    });
});

您也沒有發布您的HTML代碼，這對於編寫此答案可能很有用。 您的JS代碼（JQ）會將這個json結果附加到選擇器（div）大小寫的頁面上的所有DIVS中。

Answer 3

始終使用類作為選擇器。

將類添加到您的HTML。

<button class='js-test-button'>Test</button>

然后您更新JS代碼。

$(".js-test-button").click(function(){
        $.getJSON("js/jobs.json", function(result){
           $.each(result, function(i, field){
                $("div").append(field + " ");
                            });
        });
    });

Answer 4

嘗試這個 ：

 $(document).ready(function(){ $("#mybutton").click(function() { // your code comes here console.log("My button click"); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="button" id="mybutton" value="Submit"/>