3

jQuery Fancybox プラグインを使用して、リンクhrefをコンテンツtitleとして、キャプションとしてモーダル ウィンドウを作成しています。キャプションにクリック可能なリンクを追加したいのですが (この場合は、より大きな地図につながるため) 、属性<a>にタグを付けることができません。titleJavascript、jQuery、またはその他の方法でこのリンクを挿入するにはどうすればよいですか?

<a class='iframe' href='http://maps.google.com/maps?q=%235+Health+Department+Drive,+Troy,+MO+63379&amp;ll=38.979228,-90.97847&amp;z=13&amp;iwloc=near&amp;num=1&amp;output=embed' title='Google Map to Lincoln County Health Department'>Map to LCHD</a>

それはどのようなものか

4

3 に答える 3

2

私はこのプラグインに詳しくありませんが、この方法が思い浮かびます。

コンテンツ要素をアンカー内に埋め込み、導入した要素を使用するようにプラグインを変更できます。例えば：

<a class='iframe' 
   href='http://maps.google.com/blahlblahlbah' 
   title='Google Map to Lincoln County Health Department'>Map to LCHD
   <span class="title-href" style="display: none">http://zebrakick.com</span>
</a>

それが役立つことを願っています。

于 2009-07-09T07:50:43.047 に答える
0

要素=>destination_linkマップをオブジェクトとして保持し、リダイレクトのためにそこから値をフェッチします。

var linkmap = {
   lincoln:   '/location/3/',
   someplace: '/location/99'
}

これで、クリックイベントでリンクマップの値を使用できます（[]または。演算子を使用）

于 2009-07-09T04:34:01.113 に答える
0

とともに追加のデータを渡しました:

<a href="images/product.jpg" title="Product nummer 1" data-title-url="http://google.nl" rel="fancybox">

タイトルを設定するためにカスタムコールバックを使用しました：

{
    //fancybox options array
    titleFormat: function(title, currentArray, currentIndex, currentOpts){
        var currentElement = currentArray[currentIndex];

        var html = "<h1>" + title + "</h1>";
        var titleUrl = $(currentElement).data("title-url");
        if (titleUrl) {
            var link = $("<a>", {href: titleUrl, text: titleUrl, target: "_blank"});
            html += " (" + link.prop("outerHTML") + ")";
        }

        return html;
    },
}

http://fancybox.net/api

http://api.jquery.com/data/

于 2012-12-04T13:39:43.693 に答える