-1

私は通常、Javascript をあまり使用しませんが、ここ数日、この問題に取り組んできました。基本的に、テキスト自体がリンクであるテーブルにテキストがあり、クリックするとテキストが選択されます。リンクの上にカーソルを置いたときに、「クリックしてテキストを選択してください」というメッセージを表示するために Tipsy を使用しています。リンクがクリックされた後 (およびテキストが選択された後)、Tipsy が表示する元のテキストをハイパーリンクに変更したいと考えています。テキストを変更することはできますが、リンクはクリック可能なリンクではなくプレーン テキストです。

1 行のテキストのサンプルを次に示します (関数 fnSelect はクラスを使用して、表の行内のすべてのテキストを選択します)。

        <td class="text"><a id="fade_text1" href="javascript:fnSelect('tom1');" onClick="alternate()" original-title="Click To Select Text"><?php echo $book['text']; ?></a></td>

関数 alternate() は、元のタイトルを変更してハイパーリンクを表示するために使用しようとしているもので、次のとおりです。

function alternate() {
    $(".tipsy").remove();
    var link = "site.com/bookmark.php";
    var element = document.createElement("a");
    element.setAttribute("href", link);
    element.innerHTML = "Bookmark Text";
    document.body.appendChild(element);
        $('#fade_text1').tipsy({delayIn: 90, delayOut: 3000});
    $('a').click(function() {
        $('#fade_text1').attr('original-title', element);
    });
}

要素リンクをクリック可能にする方法を見つけようとしてこれを何回変更したかわかりませんが、うまくいきませんでした。あなたが提供できる助けをいただければ幸いです。

4

2 に答える 2

0

交換：

<a id="fade_text1" href="javascript:fnSelect('tom1');" "#" onClick="alternate()" original-title="Click To Select Text"><?php echo $book['text']; ?></a>

と：

<a id="fade_text1" href="javascript:fnSelect('tom1');" onClick="alternate()" original-title="Click To Select Text"><?php echo $book['text']; ?></a>

タグに余分な「#」があるため、この結果が生じます。<a>

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

于 2013-12-24T06:41:31.863 に答える
0

まあ、他に何もないとしても、私はしつこいです。答えは実際には非常に簡単でした：

$(document).ready(function(){
    $('#1').tipsy({fade: true, opacity: 1.0, html: true, delayOut: 4000});
});


<?php
    $link = "index.php";
    $text = "<a href=" . $link . ">Bookmark Text</a>";
?>


<a id="1" href="#" title="This is a Test" onclick="$('#1').attr('title', '<?php echo $text; ?>');"><?php echo "Click Me"; ?></a>
于 2013-12-25T15:59:43.433 に答える