1

jQuery タブを含むページがあり、セカンダリ タブ内の div 要素を zeroclipboard にリンクしようとしています。残念ながら、ページがロードされたときにセカンダリタブが最初に非表示になっていると思われるため、機能していません。

html は次のとおりです。

<span id="form" class="tabs tabs-normal grid100">

   <!-- HEADER BUTTONS -->
   <div class="row_btns_header">
      <button class="btn_neutral">Cancel</button>
      <button class="btn_primary last save">Save</button>     
   </div>

   <!-- TABS -->
   <div class="row">
      <ul id="tabs-list">
        <li><a href="#blog">Blog</a></li>
        <li><a href="#links">Links</a></li>
        <li><a href="#images">Images</a></li>
        <li><a href="#more">More..</a></li>
      </ul>
   </div>

   <!-- DEFAULT TAB -->
   <div id="blog" class="container">

   </div>

   <!-- LINKS TAB -->
   <div id="links" class="container">
        <div id="embed" style="position: relative">
           <a href="#">Copy into the clipboard</a>
        </div>
   </div>

   <!-- etc. -->

JavaScriptは次のとおりです。

$(".tabs").tabs();

$("#embed").zclip({
        path: "http://www.steamdev.com/zclip/js/ZeroClipboard.swf",
        copy: "aaaaaaaaaaaa"
    });

#embed div を #blog div 内に移動すると、zeroclipboard は正しく動作します。これは、デフォルトで #blog が表示されるためだと思われます。

zeroclipboard要素がデフォルト以外のセカンダリタブ内にあるときに機能させるために何をする必要があるか考えていますか?

どうもありがとう。

バルディ

4

3 に答える 3

0

タブ プラグインは、タブ パネルを に設定しますdisplay: none。これは、Flash がすぐに開始されないことを意味します。CSS でハッキングしてみてください:

.container.ui-helper-hidden {
    display: block !important;
    position: absolute;
    left: -99999px;
}

これは をオーバーライドしdisplay: none、代わりにパネルを画面の外に配置します。この方法でコンテンツが読み込まれ、パネルが測定されますが、ユーザーには表示されません。（これは、以前の作業と同じ方法です.ui-helper-hidden-accessible）

于 2012-05-11T22:01:27.273 に答える
0

ポイントは、マウスオーバーイベントで初期化することです.jquery.clipboardを使用していますが、これも機能します

$("a.button-copy-shortcode").on('mouseover', function(event){
    event.preventDefault();

    //initialize clipboard
    $(this).clipboard({
        path: pluginDir+'/tonjoo-tom/assets/js/jquery.clipboard.swf',
        copy: function() {

            var shortcode = $(this).find('.shortcodeValue').text();

            return shortcode;
        }
    });
});
于 2014-06-20T07:11:17.013 に答える