0

質問と回答のページにクリック/非表示機能を使用しています。しかし、質問をクリックして回答を表示すると、トップに戻ります。これを止めるにはどうすればいいですか。

これは私のコーディングです：

脚本：

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".sub").hide();
//toggle the componenet with class msg_body
jQuery(".cthrough").click(function()
{
jQuery(this).next(".sub").slideToggle(500);
});});
</script>

CSS:

.cthrough {
    display: inline-block;
    font-size: 15px;
    font-family: 'Anaheim', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.sub {
    display: inline-block;
    font-size: 13px;
    padding-left: 10px;
}

HTML:

<a href="#" class="cthrough">This is my question</a>
<div class="sub">
    This is my answer.
</div>

a href=# を単なる div クラスに変換しようとしましたが、質問をクリック可能にしません。# も外してみましたが、それも役に立ちませんでした。

4

3 に答える 3

1

#の根本原因href。URL に#div 名が続く場合、ユーザーはそのdiv. これはブラウザのデフォルトの動作です。上記の場合、その URL をクリックする#とルート URL に追加されるため、ページの先頭に移動します。

これを修正するには、削除して、そのリンクへの手/ポインター シンボルを保持するためhref="#"に使用します。style="cursor: pointer"

そのクラスにスタイルを<a href="#" class="cthrough">This is my question</a> 使用<a class="cthrough">This is my question</a> して追加する代わりに( )。cursor: pointer.cthrough

于 2021-04-28T09:14:29.533 に答える