Question

我正在使用amCharts，并想在我的标题中放一个简单的按钮，可以在需要时刷新图表图表div。

我已经在互联网上查找了解决方案，我发现的所有代码与我正在使用的代码类似，它不希望重新加载div。作为JQUERY的新人，我不确定我做错了什么。

非常感谢您的协助。

我已经附上了JQUERY和HTML代码：

<div id="chartwrapper">
    <!-- Unit Price Dollar -->
    <div id="unit-price" style="text-align: center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; clear: both; margin-bottom: 20px;">VPM Global Select Opportunities Fund - Dollar Unit Price
        <br> Weekly: 2012/02/03 to 2014/10/24

    </div>
    <div id="chartdiv1" style="width:100%; height:600px;"></div>

    <!-- Unit Price Dollar Target Return -->
    <div id="unit-price-value" style="text-align: center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; clear: both; margin-bottom: 20px;">Value of $1000 Invested at inception relative to Target Return
        <br> Weekly: 2012/02/03 to 2014/10/24
    </div>
    <div id="chartdiv2" style="width:100%; height:600px;"></div>

    <!-- Unit Price Rand Versus Inflation -->
    <div id="unit-price-rand" style="text-align: center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; clear: both; margin-bottom: 20px;">Value of R1000 Invested at inception relative to Inflation Benchmarks
        <br> Weekly: 2012/02/03 to 2014/10/24
    </div>
    <div id="chartdiv3" style="width:100%; height:600px;"></div>

    <div style="text-align: center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; color: #666; clear: both;">
        <br>* VPM GSO - VPM Global Select Opportunities Fund
    </div>
    <br>
</div>
<!-- END CHART WRAPPER -->

jQuery的：

$(document).ready(function() {
    $("#resetZoom1").bind("click", function() {
        var url = 'index.html';
        $("#chartwrapper").load( url + "div#chartdiv1")
    });
});

Answer 1

来自documentation：

与$ .get（）不同，.load（）方法允许我们指定要插入的远程文档的一部分。这是通过url参数的特殊语法实现的。如果字符串中包含一个或多个空格字符，则假定第一个空格后面的字符串部分是jQuery选择器，用于确定要加载的内容。

所以，你必须使用空格：

$("#chartwrapper").load(url + " div#chartdiv1");
                  //           ^
                  // a space --'

或者，这更好（没有div）：

$("#chartwrapper").load(url + " #chartdiv1");

重新加载div而不使用JQUERY重新加载页面

1 个答案: