将jQuery事件添加到单文本链接

时间:2014-11-16 11:52:42

标签: javascript jquery html hyperlink

我正在自定义此nice website template,在#profile部分,我想添加一个指向另一个部分#contact的文字链接。我首先尝试了简单的解决方案:

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

但它没有用。

然后我尝试了解如何使这个文本链接触发与单击部分按钮时相同的jQuery事件;然而,作为一个完整的新手,我到目前为止失败了。特别是,我的工作重点是在onclick标记中插入<a>事件,如前所述[{3}},但没有成功。

你有解决方案吗? :-)我相信这对于了解JavaScript的人来说可能是微不足道的;抱歉浪费你的时间。

2 个答案:

答案 0 :(得分:1)

您需要执行两个步骤:

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>

其他方式

将功能添加到您的javascript部分

    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>

答案 1 :(得分:0)

根据我的理解,我认为你想要的是在标签上添加onclick事件,这将执行一个功能。

然后你应该尝试以下方法:

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

myJsFunc就像:

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