2017-07-18 148 views
-2

創建一個隨機報價生成器,但JS/jQuery代碼似乎不工作!代碼似乎不工作?

當我點擊「新報價」按鈕沒有任何反應,也「推出」按鈕不工作,因爲它應該!

下面的代碼筆鏈接:

https://codepen.io/anon/pen/VWObpZ

代碼(如果鏈接無法使用......):

$(document).ready(function(){ 

    getQuote(); 
    var randomQuote=""; 
    var author=""; 

    function getQuote(){ 

    var url = "https://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en"; 

    $.getJSON(url,function(data){ 

     randomQuote=data.quoteText; 
     author=data.quoteAuthor; 

     $(".quote").html('"'+randomQuote+'"'); 
     $(".author").html(" -"+author); 
    }); 
    } 

    $("#newQuote").on("click",function(){ 
    getQuote(); 
    }); 

    $("#tweet").on("click", function(){ 
    window.open("https://twitter.com/intent/tweet?text="+randomQuote+" -"+author); 
    }); 

}); 
+0

_doesn't似乎工作_ - 哪一部分,確切地說,不工作? – 31piy

+2

你能詳細說明你的代碼「不起作用」嗎?你在期待什麼,究竟發生了什麼?如果您遇到異常/錯誤,請發佈其發生的行和異常/錯誤的詳細信息。請[編輯]這些細節或我們可能無法提供幫助。 – FrankerZ

+0

對不起,編輯了這個問題...... –

回答

-1

這是CORS問題。您可以使用JSONP或在標頭請求中啓用Access-Control-Allow-Origin標誌來訪問jSON數據。