Question

我有一个解析表的php文件并加载到div：

<div id ="videprinter">
    <script type="text/javascript">
    $(function(){
        function load(){
        $("#videprinter").load("videprinter.php")
        setTimeout(css, 3000);;

    }   
    load();
    setInterval(load,60000);
    });
    </script>
</div>

然后我有一个按钮可以点击隐藏所有不包含单词＆＃34; PREM＆＃34;的表格行。

<input type='button' id='hideshowleagues' value='Hide Foreign Leagues'>

jQuery('#hideshowleagues').live('click', function(event) {        
        $("#videprinter table tbody tr:not(:contains('PREM'))").toggle();
    });

我设置了一个60秒的间隔来重新加载php文件但是每次重新加载切换状态都会被重置并且行不包含＆＃34; PREM＆＃34;再次显示。如何在不重新加载整个页面的情况下重新加载php文件时如何保持切换状态？

非常感谢。

Answer 1

要继续阅读Derek的评论，您可以使用页面上的隐藏字段或全局变量来跟踪切换的状态。然后更改videprinter.php中的代码以查看URL参数并根据url参数筛选结果。 var tracktoggle =＆＃34; no＆＃34 ;;

    //on your click event code toggle the variable
    jQuery('#hideshowleagues').live('click', function(event) {        
    $("#videprinter table tbody tr:not(:contains('PREM'))").toggle();
    if (tracktoggle == "no") {
        tracktoggle = "yes";
    }
    else {
        tracktoggle = "no";
    }
});

//in your load function add parameter to videprinter.php
$(function(){
    function load(){
    if (tracktoggle == "yes") {
        $("#videprinter").load("videprinter.php?loadprem=yes");
    }
    else {
        $("#videprinter").load("videprinter.php?loadprem=no");
    }
    setTimeout(css, 3000);;

}

在div中重新加载php文件后保持切换状态？

1 个答案: