0

クリック可能なマップとメニューを使用して、パラメーター (地域とプロファイル) ごとに研究所の住所を表示しました (ここのサイト: http://ptgc-med.pl/index.php/dla-specjalisty/poradnie-genetyczne )

問題は、領域をクリックすると、フィルタリングされた結果を含む段落の先頭にジャンプする方法です。これは、結果が表示されたときにまだマップが表示されているためです。これらの研究所をフィルタリングするためにjqueryを使用しました.htmlは次のようになります（短いバージョンです）：

<div id="filters">
<ul>
    <li><a href="#" id="tagA">Diagnostyka prenatalna</a>
    </li>
    <li><a href="#" id="tagB">Zespoły wad rozwojowych</a>
    </li>
    <li><a href="#" id="tagC">Niepełnosprawność intelektualna</a>
    </li>
</ul>


<div id="map-polska">
<ul class="polska">
    <li class="pl1"><a href="#dolnoslaskie">Dolnośląskie</a>
    </li>
    <li class="pl2"><a href="#kujawsko-pomorskie">Kujawsko-pomorskie</a>
    </li>
    <li class="pl3"><a href="#lubelskie">Lubelskie</a>
    </li>

</ul>


<div id="addresses">
ul>
<li id="podlaskie" class="tagA tagB"Podlaskie Centrum </li>
<li id="mazowieckie" class="tagA tagB tagC">Poradnia Genetyczna </li>
<li id="mazowieckie" class="tagG">Poradnia Genetyczna Instytutu Fizjologii</li>
</div>

私のjqueryコードは次のようになります：

$(document).ready(function(){  

$('#filters a').click(function(e){


    e.preventDefault();  

    var filter = $(this).attr('id');  

    $('#addresses ul li').show();   
    $('#addresses ul li:not(.' + filter + ')').hide();  

});

});

ばかげた質問かもしれませんが、道に迷ってしまいました…。

4

1 に答える 1

2

クリックイベントで追加するだけです 

$(document.body).animate({'scrollTop':$('div#addresses').position().top},1000);

#addresses簡単な解決策が必要な場合は、 divまでスムーズにスクロール
できます。 

location.href = "#addresses"
于 2012-08-17T19:36:35.663 に答える