在JavaScript中訪問變量從一個功能到另一個功能

Question

首先，這裏是一個small project我在每次按下New Fact按鈕時會拋出一個新事實。源代碼可用here。然後我做了一個推特按鈕來發送推文的報價。

正如你可以在main.js文件中看到的，有一個變量叫做引號，它是一個由40個引號組成的數組（在下面的代碼中被剪斷）。

// var quotes defined above, an array of 40 quotes 

$(".quoter").click(function() { 

     // To generate a random number 
     function randomRange(myMin, myMax) { 
      return Math.floor(Math.random() * (myMax - myMin + 1) + myMin); 
     } 

     i = randomRange(0, 40); 
     //Using the random number generated above to fetch a quote 
     $(".lead").text(quotes[i]); 

     var uriLink = encodeURIComponent(quotes[i]); 

     $(".tweeter").click(function(){ 
      window.open("https://twitter.com/intent/tweet?text="+uriLink+, "_blank"); 
     }); 
    }); 

每當用戶點擊分享Tweet按鈕，它開闢了每個i多個Twitter標籤。我只想爲當前報價打開選項卡。我試圖保持兩個功能分開，而不是嵌套，但然後quotes[i]變得無法訪問導致undefined。

Answer 1

既然你存儲你是URI編碼的.lead元素中的文本，這裏有一個方法可以單獨的功能：

$(".quoter").click(function() { 
    function randomRange(myMin, myMax) { 
    return Math.floor(Math.random() * (myMax - myMin + 1) + myMin); 
    } 

    i = randomRange(0, 40); 

    $(".lead").text(quotes[i]); 
}); 

$(".tweeter").click(function() { 
    var uriLink = encodeURIComponent($(".lead").text()); 
    window.open("https://twitter.com/intent/tweet?text=" + uriLink + , "_blank"); 
});