2017-01-27 1 views
1

left-nav "a"요소를 누르는 것은 문제가됩니다. show() div 요소이지만, hide()으로 자동 이동합니다. "a"요소는 php로 만들어지며 href가 ?id=$product입니다. 클래스 closebtn의 "a"요소를 내 탐색 막대 옆에 넣으면 show()은 div가됩니다.div 요소를 보여주는 php로 JQuery

자바 스크립트 :

$(document).ready(function() { 
    $(".sisu").hide(); 
    $('.vasaknav a').click(function() { 
     $(".sisu").show(); 
    }); 
}); 

PHP :

<?php 
    $kask=$yhendus->prepare("SELECT id,Product from store GROUP BY Product"); 
    $kask->bind_result($id, $Product); 
    $kask->execute(); 

    while($kask->fetch()){ 
     echo "<a href='?id=$Product' style='color:red;'>".htmlspecialchars($Product)."</a>"; 
    } 
?> 

HTML : C

<div id="Myvasaknav" class="vasaknav"> 
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> 
    <?php require('php/navlist.php'); ?> 
    <a href=# >test</a> 
</div> 

<span style="font-size:30px;cursor:pointer" onclick="openNav()" id="click">&#9776;</span> 
+0

'a'를 클릭하면 리디렉션이 발생합니다. 그리고 요소가 숨겨집니다. –

+0

'href = '? id = $ Product''로 링크를 클릭하면 현재 페이지의 자바 스크립트는 아무 효과가 없으므로 해당 URL을 열어 페이지를 다시로드합니다. – Barmar

+0

생성 된 HTML 소스를 붙여 넣을 수 있습니까? $ Product가 가치를 얻고 있는지 궁금합니다. – Pete

답변

0

방지하기 위해 기본 동작 이 같은 코드를 변경해야합니다 (다른 곳에서 리디렉션/페이지를 다시로드되는) <a>을 핥는 : 동일한 페이지에 남아있을 것입니다 이것과 .sisu 요소

$(document).ready(function() { 
    $(".sisu").hide(); 
    $('.vasaknav a').click(function() { 
     $(".sisu").show(); 
     return false; // prevent default action 
    }); 
}); 

하는 표시됩니다.

+0

하지만 기본 동작을 방지하는 경우 어떻게 "if (is_request ["id "]))"를 사용할 수 있습니까? – Somepub

+0

명확하지 않습니다 -'request [id]'가 표시되면 어떻게 변경해야합니까? –