Добавить событие jQuery в Single Text Link

Question

Я настраиваю это nice website template и в разделе #profile. Я хотел бы добавить текстовую ссылку, указывающую на другой раздел, #contact. Я сначала попробовал простое решение:

<a href="#contact">my text</a> 

Но это не сработало.

Затем я попытался понять, как заставить эту текстовую ссылку запускать одно и то же событие jQuery, как при нажатии на кнопку раздела; однако, будучи полным новичком, я до сих пор не смог. В частности, мои усилия были сосредоточены на вводе события onclick в тег <a>, как упоминается here, но безуспешно.

У вас есть решение для этого? :-) Я уверен, что это, вероятно, нечто тривиальное для тех, кто знает JavaScript; извините за то, что тратили свое время.

Answer 1

Вам нужно сделать 2 шага:

1) Добавить новый <li> в <ul id="menu">

<li><a class="newtab" href="#newtab" title="New Tab">New Tab</a><span>Get in touch</span></li>

2) Добавить новый DIV в <div id="content">

как <div id="newtab" class="section">Content goes here</div>

Другой способ

добавить функцию к вашему яваскрипта раздел

 
    function showTab(tabname) 
    { 
     $("ul#menu li.active").removeClass("active"); 
     $('.'+tabname).parent().addClass("active"); 
     $(".section").slideUp();  
     $($('.'+tabname).attr("href")).slideDown('slow'); 
     return false; 
    } 

и добавить в ссылку <a href="#contact" onclick="showTab('contact');">my text</a>

Answer 2

Из того, что я понимаю, я думаю, что вы хотите, чтобы добавить событие OnClick на тег, который будет выполнять функцию.

Тогда вы должны попробовать следующее:

<a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a> 

И myJsFunc быть как:

function myJsFunc() { 
//Some code 
return false; 
}