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的说明（原始问题中的完整链接），您需要启动标签：

<div class="responsive-tabs">

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

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

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

ResponsiveTabs在js文件中添加onclick

1 个答案: