Question

示例这是我的内容

<iframe width="560" height="315" src="https://www.youtube.com/embed/H76_oByaDZk" frameborder="0" allowfullscreen></iframe>

    Game of Thrones S7 XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

我的代码正常运行，点击按钮然后加载iframe，但我想隐藏我的iframe和html元素。

这是我的single.php

$id = md5(uniqid(mt_rand(), true));
$text = the_content_devturkeli('<p class="serif">Full Text &raquo;</p>'); 
$last = preg_replace('^<iframe(.*?)></iframe>^', '<a href="#" onclick="showBlock(\'' . $id . '\')">Click To Watch</a> <div style="display: none;" id="' . $id . '"><embed\\1>\\2</embed><a href="#" onclick="hideBlock(\'' . $id . '\')"> Hide</a></div>', $text);
unset($id);
echo $last;

点击按钮后加载视频，但我无法隐藏html源代码

我尝试了很多，但我不知道该怎么做。当你回答这个问题时，请告诉我在哪里可以添加你的代码（function.php或smt），因为当我添加代码时网站不能正常工作。祝你有美好的一天。

我也改变了那些

WP-包括/后的template.php

function the_content_devturkeli($more_link_text = null, $stripteaser = 0, $more_file = '') {
         $content = get_the_content($more_link_text, $stripteaser, $more_file);
         $content = apply_filters('the_content', $content);
         $content = str_replace(']]>', ']]&gt;', $content);
         return $content;
}

并且header.php

<script type="text/javascript"> 
function showBlock(blockId) { 
    document.getElementById(blockId).style.display = "block"; 
} 
function hideBlock(blockId) { 
    document.getElementById(blockId).style.display = "none"; 
} 
</script>

我应该编辑哪些部分。我想隐藏html源代码，直到点击

这部分来自内容并非所有内容。

<iframe width="560" height="315" src="https://www.youtube.com/embed/H76_oByaDZk" frameborder="0" allowfullscreen></iframe>

Answer 1

要隐藏结果html源代码，直到单击所需的按钮，您需要使用ajax。所以在你的按钮点击函数中调用你的ajax并从那个ajax调用返回你想要的html代码（在你的情况下为iframe代码）并将该代码放在你的html中（使用jQuery你可以使用html（returned_iframe_code），append（returned_iframe_code）或prepend （returned_iframe_code）等功能）或javascript。

我没有为您提供任何代码，因为您可以根据需要以多种方式实现ajax代码。这是您可以实现您的要求的想法。

感谢。

如何在单击按钮之前隐藏html元素（Wordpress）

1 个答案: