-1

このようなリンクがあります

<a class="fancybox-effects-c" rel="gallery1" href="images/large/9.png"  title="project description here >> <a href='http://www.google.com'target='_blank'>View website</a>"> <img src="images/thumbs/107.png" alt="" /></a>

しかし、ホバリングするとコードが表示されます。多くのことをいじった後、タイトルの説明をaltフィールドに切り替えると問題が解決すると判断しましたが、これを行う方法がわかりません。私はそれが jquery.fancybox.js ファイルにあると想定していますが、それを切り替えるだけです。誰でも助けることができますか？

更新:タイトルの説明を alt フィールドに移動せずに、より良い解決策を見つけました。このコードでホバー機能を無効にすることができます

var tempTitle = "";
$('a[title]').hover(
function(e){
     e.preventDefault();
     tempTitle = $(this).attr('title');

     $(this).attr('title', '');

         $(this).mousedown(
            function(){
                $(this).attr('title', tempTitle);
            }
        );
 }
 ,
 function() {
   $(this).attr('title', tempTitle);
 }
 );

魔法のように動作します！

4

2 に答える 2

0

このhtmlがある場合：

<a class="fancybox-effects-c" rel="gallery1" href="images/large/9.png"><img src="images/thumbs/107.png" alt="project description here &gt;&gt; <a href='http://www.google.com'target='_blank'>View website</a>" /></a>

.... fancybox の必要なキャプションがタグのalt属性img(サムネイル) にある場合は、次のコードを使用します。

$(document).ready(function() {
    $(".fancybox-effects-c").fancybox({
        beforeShow: function() {
            this.title = $(this.element).find('img').attr('alt');
        }
    }); // fancybox
}); // ready​

スクリプトの問題を回避する&gt;代わりに使用したことに注意してください。>

デモを見る

于 2012-12-06T21:12:45.810 に答える
-1

これを試して：

<a class="fancybox-effects-c" 
   rel="gallery1" href="images/large/9.png" 
   title="project description here >> <a href='http://www.google.com' target='_blank'>View website</a>">
<img src="images/thumbs/107.png" alt="" />
</a>

targetの前にスペースがありませんでしたtitle

于 2012-12-06T20:27:14.970 に答える