0

我在 Wordpress 上的产品库中添加了 fancybox。我使用产品标题作为隐藏 div 的 id 名称和缩略图链接的 href。产品标题中有空格，这打破了幻想。

我在网上找到的解决方案仅指 html 元素之间的空格，而我的 javascript/regex 知识不足以从那里获得解决方案。

这是我用来生成产品缩略图和图像的代码：

<div class="entry-post-thumbnail">
            <a class="size-<?php echo $image_size;?> fancybox" href="#image-<?php the_title(); ?>"><?php the_post_thumbnail($image_size); ?></a>
            <div id="image-<?php the_title(); ?>" style="display: none;">
                <?php the_post_thumbnail($post->ID,'full'); ?>
            </div>
</div><!-- .entry-post-thumbnail -->

这是输出的代码：

<a class="size-product fancybox" href="#image-Product three">
    <img src="[###]/wp-content/uploads/2013/06/product-thumbnail.png" class="attachment-product wp-post-image" alt="Product thumbnail" height="222" width="166"></a>
<div id="image-Product three" style="display: none;">
    <img src="[###]/wp-content/uploads/2013/06/product-thumbnail.png" class="attachment- wp-post-image" alt="Product thumbnail" full="" height="222" width="166">               
    </div>

任何帮助都感激不尽！

4

1 回答 1

1

利用preg_replace

<div id="image-<?php preg_replace('/(\s/', '', the_title()); ?>" style="display: none;">

更好的正则表达式是[^A-Za-z0-9\-_:.]. 根据HTML 中 id 属性的有效值是什么？这将匹配 html ID 的所有无效字符？.

于 2013-06-26T02:15:46.467 回答