1

ウェブページにボタンがあり、onClick時に別のdivを表示したいと思います。ただし、ボタンをクリックすると、正しいdivに移動したというURLが点滅しますが、すぐにメインのdivである#homeにリダイレクトされます。

ボタンのコード：

<input type="button" class="flip" value="Redirect To Div" onClick="window.location='#targetDiv'" />

ボタンをクリックすると、URLが点滅します。

www.XXXXX.com/#targetDiv

次に、すぐにwww.XXXXX.com/#homeにアクセスします

divが表示されない理由はありますか？

ありがとう

4

2 に答える 2

4

あなたのフォームが持っているように見えます

       action=""

また

       action="#home"

onclickの代わりに関数を呼び出す

      onclick="mylinkfunction()"

..。

     <script type-"text/javascript">

       function mylinkfunction(e) {

       window.location.href="#targetDiv";

       /* need to stop the form sending of the form

        UPDATE as comment: This may not be exactly correct syntax 
        for stopping a form , look up preventing form submission */

       e.preventDefault();
       e.stopPropagation(); 

       }

     </script>

または、フォームが無関係である場合は、そのアクションを設定し、JavaScriptを完全に削除します

     <form action="#targetDiv" method="get">
     <input type="submit" value="go"/>
     </form>

しかし、必要なのは実際にはこれだけです。

    <a href="#targetDiv">click me</a>

「別のdivに移動」とは、ページをジャンプして新しい場所にスクロールすることを意味する場合、実際には移動する必要のあるアンカーです。

        <a name="targetDiv"/>
于 2012-05-18T18:43:48.353 に答える
0

hrefを使用して特定のdivまたはセクションに移動するための再利用可能な関数：

const dynamicHrefSetter = (href: string) => {
  if (typeof window !== 'undefined') window.location.href = `#${href}`;
};
于 2021-08-15T17:22:30.353 に答える