2017-03-14 9 views
0

私はプラグインを使用して、WPインストールでYouTube動画を読み込みません。 Lazyframeは埋め込みコンテンツのための反応的なプレースホルダを作成し、ユーザがインタラクティブにインタラクティブにコンテンツを要求します。onAppend関数中に関数が機能しません

また、onAppend: function(e) {} iframeがDOMに追加されたときのコールバックも含まれています。

今、私はonAppend関数の間にDOMからイメージを削除しようとしています。 onAppendコールバック関数は正常に動作します。それをテストするために、私はウィッヒアラートに成功し、次のコードを使用:

...  
    onLoad: function(e) {}, 
    onAppend: function(e) { 

    // Place functions here 
    alert('Hello World'); 

    } 
    }, 
    ... 

はDOMから画像を削除するには、私は残念ながら、それは動作しません、以下のremove()関数を試してみました。 これがうまくいかない理由についての短い情報を含めて問題を解決する方法はありますか?

...  
    onLoad: function(e) {}, 
    onAppend: function(e) { 

    // Place Functions here 
    $("#lf-img").remove(); 

    } 
    }, 
    ... 

編集:私はまた、要素が存在するかどうかを確認しようとした素早い入力した後

。 imgタグにidを入れ、次のコードでその存在をチェックしました。それは編集2

if(document.getElementById("lf-img")){ 
     alert("Element exists"); 
    } else { 
     alert("Element does not exist"); 
    } 

を "要素が存在する" を返します:jQuery("#lf-img").remove();問題を解決する$("#lf-img").remove();を変更

を(問題解決しました)。

+1

$を確認してください.featured-thumb ")が存在します。 テストするには、その長さを確認します。 1より大きい場合は存在します。 – Nitesh

+0

ビデオの読み込み時にビデオサムネイルを手動で隠していますか?プラグインで 'data-thumbnail' [オプション](https://github.com/viktorbergehall/lazyframe#element-specific-options)を使用できませんか? – Jackson

+0

@Jackson - 私のカスタムサムを使用して - YouTubeの親指ではありません。この画像はビデオの下にあります。問題は、私の親指のサイズがビデオのサイズよりも大きいことです。だから、ビデオの開始後にそれを削除しようとしています。バックエンドにビデオURLが設定されていない場合は、画像を表示します。 –

答えて

0

'$'の代わりに 'jQuery'を使用すると、wordpressプラグインのトリックを行う必要があります。

詳細情報については、あなたはこれをチェックすることができます。 https://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/

をまた、あなたはjQueryオブジェクトのための他のいくつかのキーワードを使用したい場合、あなたはこのように行うことができます「(

$jQ = jQuery.noConflict() 
関連する問題