0 
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

4

1 に答える 1

1

セレクターを使って各タグ.click()のクリックイベントに ShowChart 関数を付けてみてください。次に、コードに設定するだけです。<a>.tabs achartTypesplit

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);
于 2013-03-31T12:54:30.907 に答える