Javascript 如何在jQuery中使用onclick调用函数？

我使用以下代码显示带有导航URL的选项卡式内容：

jQuery（函数（$）{
//定义插件
$.TABS=功能（el，选项）{
//JavaScript本机版本
var base=此；
//jQuery版本的这个
基数.$el=$（el）；
//传递给插件的当前选择器的导航
基准。$nav=基准。$el.find（“.tab”）；
//调用插件时运行一次
base.init=函数（）{
//插入参数
base.options=$.extend（{}，$.organitabs.defaultOptions，options）；
//可访问的隐藏修复程序（嗯，再看看这个，屏幕阅读器仍然运行JS）
$（“.hide”）.css({
“位置”：“相对”，
“顶部”：0，
“左”：0，
“显示”：“无”
});
//单击导航选项卡时。。。
基础。$nav.on（“点击”，“a”，功能（e）{
//没有散列链接
e、 预防默认值（）；
//通过CSS类找出当前列表
var curList=base.$el.find（“a.current”）.attr（“href”）.substring（1），
//列表移动到
$newList=$（此），
//计算出新列表的ID
listID=$newList.attr（“href”）.substring（1），
//将外部包装高度设置为当前内部列表的（静态）高度
$allListWrap=base.$el.find（“.list wrap”），
curListHeight=$allListWrap.height（）；
$allListWrap.height（curListHeight）；
if（（listID！=卷发器）和&（base.$el.find（“：animated”）.length==0））{
//淡出当前列表
base.$el.find（“#”+curList）.fadeOut（base.options.speed，function（）{
//回调时淡入新列表
base.el.find（“#”+listID）.fadeIn（base.options.speed）；
//调整外包装，使其紧贴新列表
var newHeight=base.$el.find（“#”+listID）.height（）；
$allListWrap.animate({
高度：新高度
}，base.options.speed）；
//删除突出显示-添加到刚刚单击的选项卡
基本$el.find（“.tab li a”）.removeClass（“当前”）；
$newList.addClass（“当前”）；
//更改窗口位置以添加URL参数
if（window.history&&history.pushState）{
//注意：不考虑现有参数
replaceState（“，”，“？”+base.options.param+“=”+listID）；
}
});
}
});
var queryString={}；
window.location.href.replace(
新的RegExp（“（[^？=&]+）（=（[^&]*））？”，“g”），
函数（$0、$1、$2、$3）{
查询字符串[$1]=$3；
}
);
if（queryString[base.options.param]）{
var tab=$（“a[href='#“+queryString[base.options.param]+“']”）；
标签
.最近（“.tab”）
.查找（“a”）
.removeClass（“当前”）
(完)
.next（“.list wrap”）
.查找（“ul.me”）
.hide（）；
表2.addClass（“当前”）；
$（“#”+queryString[base.options.param]）.show（）；
};
};
base.init（）；
};
$.organicTabs.defaultOptions={
“速度”：300，
“参数”：“选项卡”
};
$.fn.tabs=功能（选项）{
返回此值。每个（函数（）{
（新的$0.5（本，选项））；
});
};
});
jQuery（函数（$）{
//调用插件
$（“#选项卡式内容”）.org选项卡（）；
});
/*通用实用程序*/
.hide{位置：绝对；顶部：-9999px；左侧：-9999px；}
/*具体到例子一*/
#选项卡式内容{背景：#eee；填充：10px；边距：0 0 20px 0；-moz框阴影：0 0 5px#666；-webkit框阴影：0 0 0 5px#666；}
#选项卡式内容.选项卡{溢出：隐藏；边距：0 10px 0；列表样式：无；}
#选项卡式内容。选项卡li{宽度：97px；浮动：左侧；边距：010px 0；}
#tabbed content.tab li.last{右边距：0；}
#选项卡式内容.tab li a{显示：块；填充：5px；背景：#959290；颜色：白色；字体大小：10px；文本对齐：居中；边框：0；}
#选项卡式内容。选项卡LIA:悬停{背景色：#111；}
#etabbed内容ul{列表样式：无；}
#选项卡式内容ul li a{显示：块；边框底部：1px实心#666；填充：4px；颜色：#666；}
#选项卡式内容ul li a:hover{背景：#fe4902；颜色：白色；}
#选项卡式内容ul li:最后一个子项a{border:none；}
#标签内容ul li.nav-one a.current，#标签内容ul#特色li a:hover{背景色：#0575f4；颜色：白色；}
#标签内容ul li.nav-two a.current，#标签内容ul#核心内容ul li a:hover{背景色：#d30000；颜色：白色；}
#标签内容ul li.nav-three a.current，#标签内容ul#jquerytuts li a:hover{背景色：#8d01b0；颜色：白色；}
#标签内容ul li.nav-four a.current，#标签内容ul#经典内容ul li a:hover{背景色：#FE4902；颜色：白色；}
.page-id-642页脚，.page-id-642页眉{
显示：无；
}






内容级别1
内容级别2
内容级别3
使用类似以下内容：

$（'.newlink'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（“#选项卡式内容ul li a[href=“#步骤2]”）。单击（）；
})
所以，这实际上是一件非常复杂的事情！这可能不是一个完美的，100%你想要的答案——但它应该基本上解释发生了什么，并引导你走向正确的方向

首先，将
$.organicTabs（）
绑定到
#选项卡式内容
。嗯，




内容级别1
内容级别2
内容级别3



您也可以尝试更改此选项
$("#tabbed-content, #links").organicTabs();

var curList = document.getElementsByClassName('current')[0].getAttribute('href').substring(1),

<div id="links">
<ul class="tab">
<li class="nav-two"><a href="#step2">Go To Level 2 :)</a> </li>
</ul>
</div>

<a href="?tab=step2" class="newlink">Go To Level 2 :)</a>