如何正确地将此PHP插入到<a>标记的标题中？

Question

我知道这段代码不正确，但我想将HTML和PHP注入到下面标记的标题中。

<p class="related_articles" title="<a href='<?php the_field(related_articles_1_link); ?>' target="_blank"><?php echo the_field(related_articles_1_title); ?></a>"Related Articles</p>

我使用的是一个jQuery工具提示插件(http://flowplayer.org/tools/tooltip/index.html)，它从标题标签中抓取内容并将其显示为工具提示内容。我有高级自定义字段设置(WordPress插件)，允许我发布自定义字段内容。实际上，我在这些自定义字段中发布的内容将最终显示在工具提示中。

我的目标是当用户将鼠标悬停在“相关文章”上时产生一个工具提示，显示一个可点击的链接。同样，上面的jQuery工具提示插件从标题中抓取内容，这就是为什么这会造成困难

Answer 1

好的，我们知道你想做什么了。让我们把一些事情弄清楚。

<p class="related_articles" title="<a href='<?php the_field(related_articles_1_link); ?>' target="_blank"><?php echo the_field(related_articles_1_title); ?></a>"Related Articles</p>

在很多层面上都是错误的。首先，它在任何方面都是无效的。其次，你不会结束你的<a>。您还遗漏了一个echo和target=""，在title=""中没有进行转义：target=\"\"。

所以简而言之，直截了当地回答你的问题，这可能会起作用(也许，因为它非常不常见和不标准)

<p class="related_articles" title="<a href=\"<?php echo the_field(related_articles_1_link); ?>\" target=\"_blank\"><?php echo the_field(related_articles_1_title); ?></a>">Related Articles</p>

另外，正如其中一个用户已经提到的那样。如果您的服务器启用了short open tags，那么您可以将<?php echo $foo; ?>缩短为：<?= $foo ?>。因此，在您的代码中，它将如下所示：

<p class="related_articles" title="<a href=\"<?= the_field(related_articles_1_link) ?>\" target=\"_blank\"><?= the_field(related_articles_1_title) ?></a>">Related Articles</p>

然而，可能已经提到过了。这不是推荐的方法，可能会产生各种问题。我建议研究一个更好的解决方案。

Answer 2

如果您的服务器支持，请使用缩写形式：

<?=the_field(related_articles_1_link)?>

否则，你应该回想一下：

<?php echo the_field(related_articles_1_link); ?>

Answer 3

有没有可能这就是你想要的？

<p class="related_articles">
    Related Articles:
    <a href="<?php echo the_field(related_articles_1_link); ?>" target="_blank">
        <?php echo the_field(related_articles_1_title); ?>
    </a>
</p>

现在，您已经澄清了您的问题是关于jQuery Tooltip plugin的，您应该执行以下操作：

<p class="related_articles">Related Articles</p>

<a class="tooltip" href="<?php the_field(related_articles_1_link); ?>" target="_blank">
    <?php echo the_field(related_articles_1_title); ?>
</a>

Javascript:

$('.related_articles').tooltip();

这样做的原因是：

工具提示插件直接查看应用了.tooltip()的元素之后的元素。如果下一个元素有一个类名tooltip，它将使用它作为工具提示内容(而不是标题属性)。