Question

ボタン全体（div）をポップアップでYouTubeのリンクを開くようにします。ポップアップは、 'popup-youtube'クラスに関連付けられています。このコードの問題は、YouTubeのリンクがyoutube.comで開き、ポップアップでは表示されないことです。

それはこの部分についてです：

 <div onclick="location.href='//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_nl) ?>';" style="cursor:pointer;" class="btn btn-secondary popup-youtube"><span href="//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_nl) ?>" onclick="$('#button-youtube-nl').click();"><?php echo esc_html($hero_youtube_link_text) ?></span> 

このコードの結果がポップアップでユーチューブに動画を開き、されていません。私が望んでいたよう

次のコードは、実際に動作します：

<a id="button-youtube-nl" href="//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_nl) ?>" 

しかし、私はそれがonclickの=「LOCATION.HREF」のコードで動作するようにしたいと思います。したがって、div全体をクリックすると、ビデオのポップアップが表示されます。完全にコードの下

：

<?php 
$hero_youtube_link_text = get_field('hero_youtube_link_text'); 
$hero_youtube_link_url_nl = get_field('hero_youtube_link_url_nl'); 
$hero_youtube_link_url_en = get_field('hero_youtube_link_url_en'); 
$hero_youtube_link_url_de = get_field('hero_youtube_link_url_de'); 
if ($hero_youtube_link_text) : ?> 
    <div class="hero__video"> 
     <div onclick="location.href='//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_nl) ?>';" style="cursor:pointer;" class="btn btn-secondary popup-youtube"><span href="//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_nl) ?>" onclick="$('#button-youtube-nl').click();"><?php echo esc_html($hero_youtube_link_text) ?></span> 
      <div class="flags"> 
       <a id="button-youtube-nl" href="//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_nl) ?>" 
        class="popup-youtube"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/flag-nl.png"/></a> 
       <a href="//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_de) ?>" 
        class="popup-youtube"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/flag-de.png"/></a> 
       <a href="//www.youtube.com/watch?v=<?php echo get_youtube_from_url($hero_youtube_link_url_en) ?>" 
        class="popup-youtube"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/flag-en.png"/></a></div> 
     </div> 
    </div> 
<?php endif ?> 

事前に感謝！ iframeの内側のDIV

たら、2.クリックDIV変更

Answer 1

ここでまた、あなたの事業部IDを使用することができます

$(this).click(function() { window.location = href; }); 

$("#DivId").click(function() { window.location = href; }); 

Answer 2

が//あなたのコード内で追加のiframe SRC 1.use