Question

当我加载主页时，我的网站上有语言链接默认情况下主页的中间内容div是可见的，中间部分的其他一些div也被加载但是它们被隐藏了。当用户单击主页上的链接（语言链接除外）时，将显示该链接的内容div并隐藏默认链接，因此单击该链接仅显示并隐藏不重新加载页面的内容div。但是当一个带有一些内容的div可见并且我点击语言链接时它会重新加载页面，这很好但我希望div在重载之前是可见的，当前它重新加载页面时它使得主div可见我的观看代码是

************** Main Div***************

<div id="main-content">
<div id="left-ad">
    <img  style="margin-bottom:2px" src="<?php echo $template_data['images_path'] ?>/left-ad.jpg" height="270px" alt="Ad" />
</div>
<div id="content">
    <div id="menu">                    
        <ul id="language_selector">
            <?php foreach ($languages as $lang) { ?> 
                <li>
                    <a href="<?php echo base_url(); ?>home/box/<?php echo $template_data['box_id']?>/<?php echo $lang['language_name']?>">
                        <img src="<?php echo base_url(); ?>public/default/version01/images/country_<?php echo $lang['language_name'] ?>.png" width="27" height="18" border="0" />
                    </a>
                </li>
            <?php } ?> 
        </ul>                       
    </div>
    <h2><?php echo $variables_data[1]['value'] ?></h2>
    <p><?php echo $variables_data[2]['value'] ?></p>
    <div style="clear:right;"></div>
</div>
<div style="clear:left;"></div>             
<div id="download">
    <div id="download_arrow">
        <img id="download_arrow" src="<?php echo $template_data['images_path'] ?>/download_arrow.png" alt="Free Download" height="36" width="43" />
    </div>
    <div id="download_button">
        <img id="download_button" src="<?php echo $template_data['images_path'] ?>/download_button.png" alt="Free Download" height="60" width="123" />
    </div>
    <div style="clear:both;"></div>
</div>

***************Hidden divs********************

<?php foreach ($titles_data as $title) { ?>
<div style="display:none; margin: 0 10px; font-size:12px;" id="content_<?php echo $title['idtitles'] ?>">
    <div id="left-ad">
        <a href="<?php echo base_url(); ?>home/download?file=<?php echo $title['pdf_path'] ?>" class='download_dialog'>
            <img  style="margin-bottom:2px" src="<?php echo base_url(); ?>import/<?php echo $title['image_path'] ?>" height="270px" alt="Ad" />
        </a><br />
        <a href="<?php echo base_url(); ?>home/download?file=<?php echo $title['pdf_path'] ?>"><img src="<?php echo $template_data['images_path'] ?>/download_button2.png"/></a> 
    </div>
    <div id="content">
        <div id="menu">                    
            <ul id="language_selector">
                <?php foreach ($languages as $lang) { ?>
                    <li>
                        <a href="<?php echo base_url(); ?>home/box/<?php echo $template_data['box_id']?>/<?php echo $lang['language_name']?>" onclick="activate('content_<?php echo $title['idtitles'] ?>')">
                            <img src="<?php echo base_url(); ?>public/default/version01/images/country_<?php echo $lang['language_name'] ?>.png" width="27" height="18" border="0" />
                        </a>
                    </li>
                <?php } ?>
            </ul>                       
        </div>
        <h2><?php echo $title['title'] ?></h2>
        <p><?php echo $title['description'] ?></p>
        <div style="clear:right;"></div>
    </div>
    <div style="clear:left;"></div>             
    <div id="download">
        <div id="download_arrow">
            <img id="download_arrow" src="<?php echo $template_data['images_path'] ?>/download_arrow.png" alt="Free Download" height="36" width="43" />
        </div>
        <div id="download_button">
            <img id="download_button" src="<?php echo $template_data['images_path'] ?>/download_button.png" alt="Free Download" height="60" width="123" />
        </div>
        <div style="clear:both;"></div>
    </div>
</div>
<div style="clear:both;"></div>

有些用户建议使用jquery cookie插件，但我不知道如何将它与codeigniter一起使用。

有任何好的帮助来源吗？

或任何其他替代方案？

非常感谢提前

Answer 1

您可以使用以cookie形式存储的会话变量，也可以在页面刷新时创建哈希链接以打开正确的div。

你可以尝试：

jQuery Cookie插件 - https://github.com/carhartl/jquery-cookie
jQuery Hashchange事件插件 - http://benalman.com/projects/jquery-hashchange-plugin/

Answer 2

这里最好的解决方案是使用JavaScript设置cookie。然后在渲染页面时读取该cookie以隐藏主div。

页面重新加载后div仍然可见

2 个答案: