變化值和運行功能上點擊

Question

function ShowChart() { 
    var fromDate = $("#fromdate").val().replace(",", ""); 
    var toDate = $("#todate").val().replace(",", ""); 
    var chartType = 'Customers'; // Revenue,Refunds,Customers,Purchases 
    var chartURL = "<?php echo base_url() . 'merchant/GetChartData/'; ?>"; 
    chartURL += chartType + "/" + fromDate + "/" + toDate + "/"; 
} 
// run it 
ShowChart(); 

HTML：

<ul class="tabs"> 
    <li><a href="#Revenue">Revenue</a></li> 
    <li><a href="#Refunds">Refunds</a></li> 
    <li><a href="#Customers">Customers</a></li> 
    <li><a href="#Purchases">Purchases</a></li> 
</ul> 

這個圖表設置我有，我可以通過手動改變chartType顯示圖表，但我想自動執行此所以點擊鏈接將更新圖表。

我知道的href值可以被讀取並存儲與var str = this.href.split("#")[1];，但我不知道如何「變」的chartType的價值，也「跑」在每個功能點擊？

Answer 1

嘗試使用.click()將ShowChart函數附加到使用.tabs a選擇器的每個<a>標記的單擊事件。然後只需將chartType設置爲您的split代碼即可。

function ShowChart() { 
    var fromDate = $("#fromdate").val().replace(",", ""); 
    var toDate = $("#todate").val().replace(",", ""); 
    var chartType = this.href.split("#")[1]; // Revenue,Refunds,Customers,Purchases 
    var chartURL = "<?php echo base_url() . 'merchant/GetChartData/'; ?>"; 
    chartURL += chartType + "/" + fromDate + "/" + toDate + "/"; 
} 

// Attach event to every a under .tab  
$('.tabs a').click(ShowChart);