Question

我为tinyMCE编写了一个简单的插件，让我为标签设置标签和内容，这样会生成如下html：

<div class="tabs">
<nav class="content_menu">
    <ul>
        <li><a href="#tab-Tab1-0">Tab 1</a></li>
        <li><a href="#tab-Tab2-1">Tab 2</a></li>
    </ul>
</nav>
<div class="switcher">
    <div id="tab-Tab1-0">
        <article class="wide switch">
            Content 1
            <div style="clear: both;"></div>
        </article>
    </div>
    <div id="tab-Tab2-1">
        <article class="wide switch">
            Content 2
            <div style="clear: both;"></div>
        </article>
    </div>
</div>

我需要的是让管理员用户点击标签，就像它是前端一样。代码，用于处理前端的切换选项卡：

$(document).ready(function() {
    $('.tabs').on('hover', 'a', function(e) {
        e.preventDefault();

        $('nav.content_menu li').removeClass('selected');
        $(this).parent().addClass('selected');

        $('.switcher div').hide();
        $($(this).attr('href')).show();
    });
});

我通过编辑微小的mce源手动添加了这个js和jquery：

t.iframeHTML += '<script type="text/javascript" src="/assets/js/jquery-1.9.0.min.js"></script>'
t.iframeHTML += '<script type="text/javascript" src="/assets/js/tinymce-kb.js"></script>'

但jquery没有捕获点击事件。但是我可以在$（document）.ready上调试console.log或提醒一些内容，但点击选项卡不会触发写入的jquery函数。

我认为tinyMCE在jquery之前处理点击，是否可以改变这种行为？

Answer 1

您应该使用tinymce事件onClick。

TinyMCE - jquery - cant'捕获编辑器iframe中的点击

1 个答案: