javascript - ('click' 上的 JQuery ) 只工作一次

Question

我知道有很多这样的问题，但还是想不通。

<div class="message"></div>
<button id="getMessage">Get Quote</button>

$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", function(data) {
    var content = data[0].content + data[0].title;
    $("#getMessage").on("click", function() {
        $(".message").html(content);
    });
});

问题是 on("click") 只工作一次，但我希望它在每次单击按钮时都工作。我做错了什么？

Answer 1

您似乎假设仅仅因为“quotesondesign”为您提供了一个随机引用，var content 在某种程度上具有生成更多随机引用的能力。事实并非如此。

您的所有 on('click') 所做的就是获取并显示获取的单个随机引号。如果它已经显示过，它会再次显示它，替换第一个并且似乎什么都不做。

您需要将 $.getJSON 调用放在 on('click') 中，以便进行“quotesondesign”调用第二次检索另一个报价。

或者，将 posts_per_page 增加到一个更高的数字以选择引用，并将 var content inside 移动到 on ('click')，将 0 替换为一些合适的随机数(例如，var selected = Math.floor(Math.random()*data.length)，content =数据[选择].content + 数据[选择].title;)