如何在同一个句子中使用onClick和href?

时间:2014-12-09 09:07:09

标签: jquery html5

我使用以下代码作为菜单滑动条。但当我点击一个href时,我想进入页面并获得" .gs-hamburger"用于在菜单栏转到页面后向上滑动。

<nav class="gs-nav-right" id="gs-nav-right">
              <i class="icon-menu55 gs-hamburger" id="gs-close-nav-right"></i>
              <div class="gs-nav-right-content">
                <ul class='text-center'>
                <li><a href="#/home">Home</a></li>
                <li><a href="#/choose">Choose your Image</a></li>
                <li><a href="#/vote" onClick="GSnavRight();">Gallery</a></li>
                </ul>
              </div>
        </nav>

  <!-- ========================================================================= -->

    <script src="vendors/jquery/jquery-1.11.0.min.js"></script>
    <script>
    jQuery(document).ready(function($) {

    'use-strict';

    var $window = $(window);
    var GSnavRight = function(){
        $('.gs-hamburger').on('click', function(event) {
            event.preventDefault();
            $('.gs-hamburger').toggleClass('gs-close');
            $('#gs-nav-static-hamburger').toggleClass('gs-nav-right-appear');
            $('main,#gs-navfix,#gs-nav-static').toggleClass('gs-nav-right-appear');
            $('#gs-nav-right').toggleClass('gs-appear');
        });

    };

    GSnavRight();

});
</script>

1 个答案:

答案 0 :(得分:0)

这是不可能的,因为您想在当前页面上进行一次编辑并更改页面。如果更改页面,则无法保留Jquery在下一页上一页上所做的编辑。我只想使用前面的“工具”,你需要使用cookies或localstorage(仅适用于真正的浏览器,不适用于旧的IE)。如果您有权访问后端,则可以使用会话或其他内容(取决于您使用的技术)

在Pure html中,您也可以使用iframe,但实际上不推荐使用iframe,或者您可以使用锚链接,但我希望您的html架构会发生很大变化。