javascript - 代码在 HTML 页面中有效,但在 Wordpress 帖子中无效

标签 javascript html css wordpress

首先,这是我使用的代码。

<div class="wrapper">
<div id="carousel">
<ul>
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/umbrella_trials.jpg" alt="" /><a class="video" title="The Umbrella Trails" href="http://www.youtube.com/v/eiBEvtNNSxg?fs=1&amp;autoplay=1">The Umbrella Trails</a></li>
</ul>
</ul>
&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/stagnant_day.jpg" alt="" /><a class="video" title="Stagnant Day" href="http://www.youtube.com/v/x3r5vblNAtw?fs=1&amp;autoplay=1">Stagnant Day</a></li>
</ul>
&nbsp;

&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/job3a_trailer2.jpg" alt="" /><a class="video" title="Job3(a) Trailer #2" href="http://www.youtube.com/v/setjOKfzNHY?fs=1&amp;autoplay=1">Job3(a) Trailer #2</a></li>
</ul>
&nbsp;

&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/job3a_trailer3.jpg" alt="" /><a class="video" title="Job3(a) Trailer #3" href="http://www.youtube.com/v/ijkEfmMNr5Q?fs=1&amp;autoplay=1">Job3(a) Trailer #3</a></li>
</ul>
&nbsp;

&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/TNaTFiTC.jpg" alt="" /><a class="video" title="Fables from the Mersey - 'The Ninja and The Fella in the Cellar'" href="http://www.youtube.com/v/OdFCo1MmgTI?fs=1&amp;autoplay=1">"The Ninja and The Fella in the Cellar"</a></li>
</ul>
&nbsp;

&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/job3a_trailer1.jpg" alt="" /><a class="video" title="Job3(a) Trailer #1" href="http://www.youtube.com/v/3pQUX6VkPTQ?fs=1&amp;autoplay=1">"Job3(a) Trailer #1"</a></li>
</ul>
&nbsp;

&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/opening_credits.jpg" alt="" /><a class="video" title="Opening Credits for &quot;It's Liverpool&quot;" href="http://www.youtube.com/v/6a19T8syH60?fs=1&amp;autoplay=1">"Opening Credits for "It's Liverpool""</a></li>
</ul>
&nbsp;

&nbsp;
<ul>
    <li><img src="<?php bloginfo('template_directory'); ?>/images/1-24.jpg" alt="" /><a class="video" title="It's Liverpool 1-24" href="http://www.youtube.com/v/7r9N-dq1KEE?fs=1&amp;autoplay=1">"It's Liverpool 1-24"</a></li>
</ul>
&nbsp;

&nbsp;
<div class="clearfix"></div>
<a id="prev" class="prev" href="#">&lt;</a>
<a id="next" class="next" href="#">&gt;</a>
<div id="pager" class="pager"></div>
</div>
</div>
<div id="line1"></div>
<div class="paraWrapper">
<div class="span3">
<h2 class="heading">Heading</h2>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

<a class="btn" href="#">View details »</a>

</div>
<div class="span3">
<h2 class="heading">Heading</h2>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

<a class="btn" href="#">View details »</a>

</div>
<div class="social_icons span2"><a class="btn" href="#">
<em class="icon-twitter-sign icon-large"></em> Follow us on Twitter</a><a class="btn" href="#">
<em class="icon-facebook-sign icon-large"></em> Find us on Facebook</a>

<a class="btn" href="#">
<em class="icon-facetime-video icon-large"></em> Subscribe on Youtube</a>

</div>
</div>
<div id="line2"></div>

如果我将其粘贴到一个简单的 HTML 页面(取出特定的 php 代码),它可以正常工作(连同所需的 Javascripts)。

如果我将它粘贴到 Wordpress 主题中,我会尝试从中构建。它不会工作..

我什至尝试将代码直接粘贴到我的 page.php 文件中,但它确实有效。这不是我想要的,因为它需要轻松访问其内容。

我的 wordpresve 尝试安装 Raw-HTML 附加组件,但没有任何区别。

我使用的是最新版本的 Wordpress (3.3.1)

最佳答案

您在代码中使用了 php。出于安全原因,Wordpress 必须通过删除 php 来清理您的帖子。我不认为你可以把 php 放在你的帖子中。您需要修改您的 wordpress 以在帖子中支持 php,但这并不容易

关于javascript - 代码在 HTML 页面中有效,但在 Wordpress 帖子中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10065886/

相关文章:

jquery 验证和错误样式

html - 如何使 HTML 元素垂直居中

javascript - 背景图像和 javascript 显示工件

javascript - 制作要注入(inject) gmail 撰写页面的内容脚本?

javascript - JavaScript 中的响应式导航菜单

html - 样式链接看起来与我在 Bootstrap 3 中创建的按钮相同

html - 停止绝对元素与导航项重叠

javascript - AngularJS - 如何过滤嵌套的 json 数组

javascript - 在表中显示多对多关系的额外字段

java - 从 html 文档中解析 href 并通过 xpath 求值返回空指针异常