ボタンがあるPage1というページが1つあります。 ボタンで別のページと特定のdivにリダイレクトする方法mvcでボタンをクリック
<button onclick="redirecttodivofotherpage(); "></button>
他のPage2
は3事業部<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
私はPage1のボタンのボタンクリックでDIV3するリダイレクトする必要があります。
コントローラまたはjqueryで行う方法。
あなたはこのような何かを試みることができる：
<button class="js-btn"></button>
$(function(){
$(".js-btn").on("click",function(){
window.location = "..../#div3";
});
})
文字列"..../#div3"はあなたのページの相対URLを表し、最後に#div3を持っています。このようにしてwindow.locationを使用すると、必要なページにリダイレクトされ、希望のセクションに#div3が使用されます。
素晴らしい...これは私のために正しく働いた。ありがとう.. –
@SaurabhSolankiあなたは大歓迎です。私が助けてくれてうれしいです。 – Christos
<!DOCTYPE html>
<html>
<head>
\t <title></title>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
\t <button class="click">Click Me</button>
\t <div id="mydiv" style="border:2px solid black;width:800px;height:900px; background-color:orange; position:absolute;top:1000px;margin:20px;">
\t \t hello anuradh
\t </div>
</div>
<script type="text/javascript">
\t $(document).ready(function(){
\t \t $(".click").on('click',function(){
\t \t \t window.location = "#mydiv";
\t \t });
\t });
</script>
</body>
</html>に動作します。この作業のデモを、試すか、他ますが、この
<!DOCTYPE html>
<html>
<head>
\t <title></title>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
\t <button class="click">Click Me</button>
\t <div id="mydiv" style="border:2px solid black;width:800px;height:900px; background-color:orange; position:absolute;top:1000px;margin:20px;">
\t \t hello anuradh
\t </div>
</div>
<script type="text/javascript">
\t $(document).ready(function(){
\t \t $(".click").on('click',function(){
\t \t \t //window.location = "#mydiv";
\t \t \t $('html, body').animate({
\t \t scrollTop: $("#mydiv").offset().top
\t \t \t \t }, 2000);
\t \t \t });
\t });
</script>
</body>
</html>2番目の方法は "Home/Page1 /"のようなuriなしで動作しますか？ Divの名前でonlu ?? –
あなたは同じページでスクロールしていますので、それで問題はありません –
いいえ、私は別のページの特定のdivにリダイレクトしたいです –
使用のようにうまくそれをスクロールすることができますidを持つ要素にスクロールするwindow.location.hash
<button class="js-btn"></button>
$(function(){
$(".js-btn").on("click",function(){
window.location.hash = "#div3";
});
});
これはクッキーで行うことができます。スクロールしたいIDのCookieを設定してから、新しいページが読み込まれたら、Cookieを読み取り、定義されたIDまでスクロールします。私は非常にポピュラーなプラグインjquery-cookieを使用しました。
注：イベントをクリックすると、他のページに移動します。
**http://plnkr.co/edit/hBJj69nP6kvrEuoCVw3k?p=preview**
はあなたが同じページまたは別のページにあるボタンのクリックは、はい、私はそれを行うには、2つの方法を追加しました –
ときに第三のdivにスクロールしたい意味、のいずれかを試してくださいそれ、私は第二のものがいいと思う。幸運 –
をクリックして、ボタン上のDIV3に自動的にスクロールしたい –