0

我不是一个编码员。只是通过wordpress自学。我有一个网站，我从一个空白主题一起破解了，我已经走了很远。

我要做的最后一步是用fancybox或fancybox#brick打开永久链接页面。relclass

使用 WP fancybox 插件。

这是我首先要使 div 可点击的操作

<div id="brick" onclick="location.href='<?php the_permalink(); ?>';" style="cursor:pointer;">

我会在这一行的哪里添加rel="fancybox"或class="fancybox"？

先感谢您。

4

2 回答 2

0

直接向元素添加rel或属性：class

<div id="brick" onclick="location.href='<?php the_permalink(); ?>';" style="cursor:pointer;" rel="fancybox" class="fancybox">

JavaScript 可以是：

$("div.fancybox").fancybox();

或您想使用的任何选择器。class因为您可以使用,id或的组合使用 jQuery 进行选择tag name。

于 2013-03-15T18:24:52.167 回答
0

由于您已经href在标签中设置了该集合<a>，因此就像代码的这一部分一样。

<h2 class="entry-title"><a rel="bookmark" title="Permalink to Art and commerce in the digital age" href="http://throughthelattice.com/art-and-commerce-in-the-digital-age/">Art and commerce in the digital age</a></h2>

...然后，我会这样做：

  1. 删除此行

    <script src="//throughthelattice.com/wp-content/themes/lh_wordpress_blank_theme/js/jquery-1.7.1.min.js"></script>

    ...您已经在您的<head>部分中加载了 jQuery v1.8.3

  2. 全部替换id="brick"为class="brick"

  3. 替换此脚本

    <script>
$('#brick').fancybox();
</script>

    ... 这样 ：

    <script>
jQuery(document).ready(function () {
    jQuery("a[rel='bookmark']").fancybox({
        "type": "iframe"
    });
}); // ready
</script>

见JSFIDDLE

于 2013-03-15T19:54:57.460 回答