2013-02-11 55 views
1

我寫簡單的插件爲TinyMCE的,它可以讓我的選項卡導致HTML這樣的設置選項卡和內容:TinyMCE的 - jQuery的 - 編輯器IFRAME俊男捕獲點擊

<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(); 
    }); 
}); 

我已經加入這個js和jQuery手動編輯微小MCE來源:

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。不過,我可以console.log或$(文檔).ready上的提醒,但點擊標籤不觸發寫jQuery的功能。

我認爲tinyMCE處理jQuery之前的點擊,是否可以改變這種行爲?

回答

1

您應該使用tinymce事件onClick

+0

沒關係,但你知道如何訪問iframe中的文檔,所以我可以getElementById? – 2013-02-11 15:42:34

+0

好吧,回答我自己:文檔在ed.contentWindow.document對象中。 – 2013-02-11 15:56:08

+1

使用ed.getDoc()更容易 – Thariama 2013-02-11 16:03:03