0

私はあまりコーダーではありません。ワードプレスを使って独学しただけです。私は空白のテーマから一緒にハッキングしたサイトを持っています。

私がやりたい最後のステップは、または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 に答える