У меня есть одна страница с названием Page1, на которой есть кнопка.

<button onclick="redirecttodivofotherpage(); "></button>

Другая страница 2 имеет 3 Div

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

Я хочу перенаправить на div3 нажатием кнопки Page1.
Как это сделать с помощью контроллера или jquery.

4
Saurabh Solanki 8 Сен 2016 в 08:30

4 ответа

Лучший ответ

Вы можете попробовать что-то вроде этого:

<button class="js-btn"></button>

$(function(){
    $(".js-btn").on("click",function(){
        window.location = "..../#div3";
    });
})

Строка "..../#div3" представляет относительный URL-адрес вашей страницы и в конце имеет #div3. Таким образом, с помощью window.location вы будете перенаправлены на нужную страницу, а с помощью #div3 - в нужный раздел.

5
Christos 8 Сен 2016 в 05:33

Это можно сделать с помощью файлов cookie. Установка файла cookie с идентификатором, который вы хотите прокрутить, а затем, когда новая страница загружается, прочтите файл cookie и прокрутите до определенного идентификатора. Я использовал очень популярный плагин jquery-cookie.

Отметьте этот пример решения. Примечание. Нажмите «События», чтобы перейти на другую страницу.

**http://plnkr.co/edit/hBJj69nP6kvrEuoCVw3k?p=preview**
5
Keshan Nageswaran 8 Сен 2016 в 05:54

Попробуйте эту рабочую демонстрацию, она будет работать

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
	<button class="click">Click Me</button>
	<div id="mydiv" style="border:2px solid black;width:800px;height:900px; background-color:orange; position:absolute;top:1000px;margin:20px;">
		hello anuradh
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		$(".click").on('click',function(){
			window.location = "#mydiv";
		});
	});
</script>

</body>
</html>

Или вы можете прокрутить его так, как это

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
	<button class="click">Click Me</button>
	<div id="mydiv" style="border:2px solid black;width:800px;height:900px; background-color:orange; position:absolute;top:1000px;margin:20px;">
		hello anuradh
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		$(".click").on('click',function(){
			//window.location = "#mydiv";

			 $('html, body').animate({
        		    scrollTop: $("#mydiv").offset().top
    				}, 2000);
			});
	});
</script>

</body>
</html>
3
Chanaka Caldera 8 Сен 2016 в 05:41

Используйте window.location.hash для перехода к элементу с идентификатором

<button class="js-btn"></button>

$(function(){
    $(".js-btn").on("click",function(){
        window.location.hash = "#div3";
    });
});
2
madalinivascu 8 Сен 2016 в 05:44