Question

我试图创建一个随机引用生成器，当我单击另一个容器中的按钮时，我想让内容重新加载容器。评论区域＆＃34;应该去哪里＆＃34;是我认为动作代码应该去的地方。我不确定是否应该选择$（＆＃39; quotecontainer＆＃39;）。container（function（）{}）;并从那里开始，或者如果完全需要其他东西的话。

这是JS：

<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

这是HTML：

$('#newquotebutton').button();

$('#newquotebutton').click(function(){
    $(this).button('loading');
        // what should go here
    $(this).button('reset');
});

Answer 1

您提供的远程脚本似乎每天只提供一个引用... 因此，您必须创建自己的本地引号数组以选择其他引号：

var quotes = ['quote one', 'quote two', 'quote three'];

$('#newquotebutton').button();

$('#newquotebutton').click(function(){
    var random_quote = quotes[Math.floor(Math.random()*quotes.length)];
    $(this).button('loading');        
    $('#newquotebutton').text(random_quote);
    $(this).button('reset');
});

单击按钮时，在引导容器中重新加载JS api中的内容

1 个答案: