Question

这是我的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="javascript:void(0);" onclick="showBlock(\'' . $id . '\')">Click To Watch</a> <div style="display: none;" id="' . $id . '"><embed\\1>\\2</embed><a href="javascript:void(0);" onclick="hideBlock(\'' . $id . '\')"> Hide</a></div>', $text);
unset($id);
echo $last;

我正在寻找如何做这个差不多一个月，我不能因为我不知道如何在wordpress中使用ajax。

我尝试了很多，但我不知道该怎么做。当你回答这个问题时，请告诉我应该在哪里添加你的代码（function.php或者你应该打开ajax-xxx.js并添加这个）因为当我添加代码时，网站很多次都无法工作......

<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

第一名简单隐藏iframe上的document.ready

$('iframe').hide();

或<：strong>您可以将样式属性style="display:none"添加到server side中的iframe。

第二名：在button click，您可以显示iframe这样的

$('iframe').show();

隐藏iframe html元素，直到点击按钮或链接（Wordpress）

1 个答案: