ResponsiveTabs 在js文件中添加onclick

Question

我正在使用 PeteLove.com 的 ResponsiveTabs 模块。 http://www.petelove.com/responsiveTabs/

我想对其进行更改，因为我需要将 onclick 事件添加到选项卡。现在应该完成我相信下面的代码部分。

// CREATE TAB ITEMS (VISIBLE ON DESKTOP)
//create tab list item from heading
//associate tab list item with tab panel
var $tabListItem = $('<li/>', { 
    'class': 'responsive-tabs__list__item',
    id: 'tablist' + tablistcount + '-tab' + tabcount,
    'aria-controls': 'tablist' + tablistcount +'-panel' + tabcount,
    'role': 'tab',
    tabindex: 0,
    text: $tabHeading.text(),
    keydown: function (objEvent) {
        if (objEvent.keyCode === 13) { // if user presses 'enter'
            $tabListItem.click();
        }
    },
    click: function() {
        //Show associated panel

现在我希望在某个地方看到 <li>，这样我就可以做 <li onclick="setBrowserFrameSource(); return false;">，但是没有 <li> 任何地方只有右括号。所以我应该将它添加到上面的代码中。我尝试按如下方式添加它：

'role': 'tab',
'onclick="setBrowserFrameSource(); return false;"',
tabindex: 0,

但这打破了整个事情。任何帮助，将不胜感激。提前致谢。

Answer 1

根据网站 petelove.com 的说明（原始问题中的完整 link），您需要使用以下内容启动选项卡：

<div class="responsive-tabs">

然后插件会完成剩下的工作。所以我想与其为每个 <li> 添加一个 onclick 事件，不如将其添加到容器元素中。我做了什么，它正在工作。所以我现在有以下内容。

<div class="responsive-tabs" onclick="setBrowserFrameSource(); return false;">

现在每次单击选项卡时它都会执行其功能。

ResponsiveTabs 在js文件中添加onclick

ResponsiveTabs add onclick in js file

javascript

jquery

tabs

onclick

responsive-design