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> 

這段代碼的結果是開放會在YouTube視頻，而不是在彈出。

下面的代碼實際上就像我想：

<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 ?> 

提前感謝！

Answer 1

1.使用一個IFRAME內DIV

2.當點擊DIV變化的IFRAME SRC

Answer 2

//添加它在你的代碼

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

這裏，您可以使用您的事業部1D還

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