1
が、私は次のような構造実行機能はオンロード初回のみ
$(document).ready(function(){
\t $('.dropdown').on('show.bs.dropdown', function(e){
\t \t $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
\t });
$('.dropdown').on('hide.bs.dropdown', function(e){
\t $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
\t });
\t $('#entrar').click(function(e){
\t $('#head').slideToggle();
\t $(".boton").css("display","none");
\t $("#secciones").slideToggle();
$("#foot").slideToggle();
\t });
$('#entrar').click(function() {
$('html, body').animate({
scrollTop: $(".principal").offset().top + 70
}, 700);
});
});
$(document).ready(init);
\t function init(){
var sec = document.getElementById("secciones");
var he = document.getElementById("head");
var fo = document.getElementById("foot");
he.style.display = "none";
sec.style.display = "none";
fo.style.display = "none";
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="main_wrapper">
<header id="head">
\t \t <div class="container">
\t \t \t <section class="row">
\t \t \t \t <article class="col-xs-3">
\t \t \t \t \t <h1 id="main_logo">
\t \t \t \t \t \t <a href="index.php"><img src="images/logo.png" alt=""></a>
\t \t \t \t \t </h1>
\t \t \t \t </article>
\t \t \t \t <article class="col-xs-9">
\t \t \t \t \t <ul class="nav nav-pills" id="menu">
\t \t \t \t \t \t <li class="active"><a href="index.php">INICIO</a></li>
\t \t \t \t \t \t <li class="dropdown">
\t \t \t \t \t \t \t <a class="dropdown-toggle" data-toggle="dropdown" href="#">MODELOS<span class="caret"></span></a>
\t \t \t \t \t \t \t <ul class="dropdown-menu">
\t \t \t \t \t \t \t \t <li><a class="sec_index" href="index.php#galeria">Modelos en Panamá</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </li>
\t \t \t \t \t \t <li class="dropdown">
\t \t \t \t \t \t \t <a class="dropdown-toggle" data-toggle="dropdown" href="#">BLOG<span class="caret"></span></a>
\t \t \t \t \t \t \t <ul class="dropdown-menu">
\t \t \t \t \t \t \t \t <li><a class="sec_index" href="index.php#blog">Últimas Entradas</a></li>
\t \t \t \t \t \t \t \t <li><a href="blog.php">Blog Chicas507</a></li>
\t \t \t \t \t \t \t \t <li><a href="glosario.php">Glosario de Términos</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </li>
\t \t \t \t \t \t <li class="dropdown">
\t \t \t \t \t \t \t <a class="dropdown-toggle" data-toggle="dropdown" href="#">ANÚNCIATE<span class="caret"></span></a>
\t \t \t \t \t \t \t <ul class="dropdown-menu">
\t \t \t \t \t \t \t \t <li><a class="sec_index" href="index.php#paquetes">Paquetes</a></li>
\t \t \t \t \t \t \t \t <li><a href="registro.php">Regístrate</a></li>
\t \t \t \t \t \t \t \t <li><a href="recuperar.php">Recuperar Cuenta</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </li>
\t \t \t \t \t \t <li><a class="sec_index" href="index.php#contacto">CONTACTO</a></li>
\t \t \t \t \t \t <li><a href="about.php">INFORMACIÓN</a></li>
\t \t \t \t \t \t <li><a href="login.php">INGRESA</a></li>
\t \t \t \t \t </ul>
\t \t \t \t </article>
\t \t \t </section>
\t \t </div>
\t </header>
<section class="principal" id="principal">
\t \t \t <div class="boton" id="entrar"><a href="#">ENTRAR</a></div>
\t \t \t <div class="boton" id="salir"><a href="#">SALIR</a></div>
\t \t </section>
\t <section class="secciones" id="secciones">
some sections
</section>
<footer id="foot">
</footer>
</div>
</body>でヘッダー内のメニューを持っていると私は、Webページ内のさまざまなセクションを持って、メニューからのリンクの一部は、取得します私はインデックスのセクションに、例えばindex＃モデルのように。すべてうまく動作しますが、ここには問題があります。セクションを隠すJavaScriptコードと、initというヘッダーがあります。私は体内でonloadを使用して関数を呼び出し、ボタン "entrar"を表示します。これは機能しますが、関数はページをリロードするたびに呼び出され、最初に実行したいときとページが更新されたときに実行します。ボタンをクリックせずにすべてが表示されます。また、私はサイトの別の部分に変更するときに読み込みたくありません。たとえば、ブログに入り、家に帰るためにクリックすると、関数がロードされ、もう一度「entrar」をクリックする必要があります。私はそれを望んでいない。
私はこれを修正しようとしていますが、解決策を見つけることができません。私はあなたの助けに感謝します。お願いします！
あなたが探しているのはログイン機能だと思います。 –
なぜあなたはCSSがあなたのためにできる何かを行うためにJavaScriptを使用していますか？許されている、それはメニューを表示するかどうかをチェックするために何かサーバー側を持っている必要がありますが、うん...メニュー項目を表示/非表示にJavaScriptを使用すると、悪い設計であり、避ける必要があります。 – junkfoodjunkie
それはそうではありません。もし私がCSSだけで行うならば、ページがロードされるたびに、CSSはそれをいつ行うべきかを制御するためにjavascriptを使って行うアイデアが適用されます。 –