簡體   English   中英

為什么我的功能不運行<object>

[英]Why my function does not run <object>

index.php我運行了兩次函數,其中包括chart.html

的index.php

chart_line($valuesNight);     //run function for the first time
chart_line($valuesEvening);   //run function for the second time
?>
<?php function chart_line($jsonDataSource){ ?>
                <div>
    <script type="text/javascript">

        var dataSource = JSON.parse('<?php echo $jsonDataSource ?>');
        var dValues = new Array;
        var dTimeDate = new Array;

        for(var o in dataSource) {
            dValues.push(dataSource[o]['dValue']);
            dTimeDate.push(dataSource[o]['dTimeDate']);
        }
        console.log('dValues', dValues);
        // store values
        sessionStorage.setItem('myValues', JSON.stringify(dValues));
        sessionStorage.setItem('myTime', JSON.stringify(dTimeDate));

    </script>     //include chart.html
            <object type="text/html" data="chart.html" width="100%"  height="420"></object>
                </div>
        <?php } ?>

chart_line($valuesNight); 運行console.log('dValues', dValues); 返回正確的值,但它不會使用chart.html運行此object 然后chart_line($valuesEvening); 運行和console dvalues返回晚間數據。 之后, chart.html啟動兩次,兩次都給我最新(晚上)數據。 我該如何解決這個問題?

chart.html

<html>
    <body>
        <script type="text/javascript">

// retrieve value
var myTime = JSON.parse(sessionStorage.getItem('myTime'));
var myValuesStr = JSON.parse(sessionStorage.getItem('myValues'));

var myValues = myValuesStr.map(function(item) {
    return parseInt(item, 10);
});

console.log('myTime', myTime);
console.log('myValues', myValues);

$(function () {
    $('#container').highcharts({
        //  ...
    });
});
        </script>

<script src="js/charts.js"></script>
<script src="js/modules/exporting.src.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    </body>
</html>

控制台按此順序執行:

console.log('dValues', dValues); // from index.php  - night values
    // HERE SHOUD EXECUTE CONSOLE FROM CHART.HTML
console.log('dValues', dValues); // from index.php  - evening values

console.log('myTime', myTime);      // from chart.html  - evening values
console.log('myValues', myValues);  // from chart.html  - evening values
console.log('myTime', myTime);      // from chart.html  - evening values
console.log('myValues', myValues);  // from chart.html  - evening values

臨時解決方案,但它的工作原理:

//for valuesNight
$(function () {
    $('#container1').
//...
<div id="container1">

//for valuesEvening
$(function () {
    $('#container2').
//...
<div id="container2">

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM