2016-03-02 3 views
0

Я пытаюсь получить ссылку в подменю сайта wordpress, перейдите по ссылке, расположенной где-то еще на странице при нажатии.Нажмите отдельную ссылку при щелчке по пункту меню

До сих пор это мой код

<script> 
jQuery(function($) { 
$(document).ready(function() 
{ 
$("#menu-item-6084").click(function(){ 
$("a.job-dashboard-action-edit").click() 
    }); 
}); 
}); 
</script> 

Он не бросает какие-либо ошибки в консоли, но это ничего не делать, когда пункт меню нажата. Может быть, ничего не стоит, я разместил javascript: void (0) в качестве ссылки в меню.

+1

Что вы имеете в виду под «перейти к ссылке расположенный где-то еще на странице "? Прокрутка вверх/вниз по этому адресу на странице? – Ageonix

+1

Это может помочь, если вы объясните, что вы пытаетесь сделать, в настоящее время это довольно неясно. – APAD1

+0

@Ageonix У меня есть ссылка на странице, например ' Itamar

ответ

2

Я отвечу в предположении, что вы хотите прокрутить к другому элементу (ссылке) на той же странице. Для этого вам нужна функция scrollTop() JQuery. Код ниже даст вам приятную 1-секундную анимацию для ссылки (предполагая, что a.job-dashboard-action-edit - это ваша ссылка ... возможно, лучше использовать здесь ID).

$("#menu-item-6084").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("a.job-dashboard-action-edit").offset().top 
    }, 1000); 
}); 

Если вы не заботитесь о сглаженной прокруткой эффекта, ответ @Steve Даннер является самым простым способом выполнить свою задачу.

+0

Спасибо, но вместо прокрутки к ссылке я бы хотел, чтобы браузер перешел непосредственно к этой ссылке. Ссылка динамически генерируется, и именно поэтому я не могу ее напрямую добавить в меню. – Itamar

+0

Когда вы говорите «переходите к ссылке», вы имеете в виду, чтобы затем перейти к URL-адресу пользователя? – Ageonix

+1

Как @Ageonix говорит, если вы хотите гладкую анимацию, используйте его jquery выше, но если вы хотите простую навигацию, используйте мой ответ, который я обновил, чтобы показать, как динамически устанавливать ваши href. –

3

Вы можете сделать это без JS вообще.

<a id="menu-item-6084" href="#page-bookmark">Click me</a> 
... 
<!-- this is where you want to go in your page --> 
<div id="page-bookmark"></div> 

ОБНОВЛЕНО:

Для динамических ссылок, вы можете подключить их, как только они будут добавлены в DOM так:

<!-- page-bookmark6084 is the target element to navigate to --> 
$("#menu-item-6084").attr("href", "#page-bookmark6084"); 
Смежные вопросы