0

私は自分のブログに取り組んでいますが、テキストの一部を強調表示して詳細情報を提供するJavaScriptを作成する方法がわかりません。お気に入り：

私は自分のPCで作業しています

PCをクリックすると、JqueryUIダイアログにウィンドウと詳細情報が表示されます。

自分で試してみましたが、必要な情報ごとにdivを作成する必要がありました。それから私は箱を開けることができました

$(foo).dialog('open')

それは私が思うに多くのdivにあります。簡単な解決策を教えていただけますか？

4

1 に答える 1

1

本当に必要なものを言うのは難しいです。次回はもっとコードを提供する必要があります...しかし、試してみます。テキストのハイライトをどのように提供するかわかりませんが、このデモが役立つと思います。

HTML:

<p> Text blabla
<span data-title="Title 1" data-text="Text 1" class="a2u">Highlight 1</span>
more blabla
<span data-title="Title 2" data-text="Text 2" class="a2u">Highlight 2</span>
more blabla
<span data-title="Title 3" data-text="Text 3" class="a2u">Highlight 3</span>
more blabla
</p>

Javascript:

$().ready(function() {
    $("#alert2ui").dialog({
        autoOpen: false
    });
    $(".a2u").click(function() {
        $("#alert2ui").dialog("option", "title", $(this).attr("data-title"));
        $("#alert2ui").html($(this).attr("data-text"));
        $("#alert2ui").dialog('open');
    });
});​

特定のテキストを強調表示し、css classhtml5data-*属性を使用して詳細情報を設定できます。

于 2012-04-09T12:50:53.163 に答える