2017-07-18 147 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数据。