0

キューブの下のテキストにマウスを合わせると、テキストが含まれる小さなウィンドウを表示する必要があります。jsからテキストを取得しましたが、ホバー機能と統合する方法がわかりません。実装方法を教えてください....以下にコードを入力してください.....CRMにカーソルを合わせると、顧客関係管理が表示されます.....以下にコードを入力してください...ホバー機能は次の場合に正常に機能しますテキストボックスにカーソルを合わせます....しかし、キューブの下のテキストを取得する方法がわかりません...... onmouseoverおよびonmouseout関数を含めました.....しかし、達成する方法がわかりませんキューブの下のテキスト

$('document').ready(function() {
    window.setTimeout(function() {
        $('.cubeCell').each(function () {
            var htmlText = $(this).attr('data-text');
            $(this).append('<div class="cubeTextStyle">' + htmlText + '</div>');
        });
    }, 600);
});

<script type="text/javascript">
                function showStock(ii) {
                    var sh = $(ii).parent().find($('.divStock'));
                    var sharrow = $(ii).parent().find($('.stockarrow'));
                    sh.show();
                    sharrow.show();

                }
                /**
                 * hide stock
                 */
                function hideStock(ii) {
                    var shs = $(ii).parent().find($('.divStock'));
                    var sharrows = $(ii).parent().find($('.stockarrow'));
                    shs.hide();
                    sharrows.hide();
                }
                </script>

HTML：

<div class="cubeCell" data-text="CRM" class="desktopContactImage cubeCell"
                      data-caption="&lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='/Inventory/Partnumber/?ps=list' &gt;Register&lt;/a&gt; &lt;div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='/Bom/Bom/?ps=list' &gt;Demo&lt;/a&gt; &lt;/div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' &gt;Reports&lt;/a&gt;"
                      data-image="http://intra.defie.co/images/Desktop_icons_02.07.13/guest.png"></div>
4

1 に答える 1

0

まず、そのようなフィドルを提供しないでください。ただし、さまざまな言語を関連するボックスに分け、[リソース]タブを使用してファイルにリンクしてください。それは私たちが助けるために物事をはるかに明確にします。

次に、関連性のないコード、たとえばgoogle analyticスクリプトを含めないでください。そうです、例として使用するフィドルをフォーマットするのに時間がかかりますが、より迅速な応答が得られます。

単にCSMにカーソルを合わせて、その下に「顧客関係管理」を表示する必要がある場合は、次のような操作を行うことができます。

$('.cubeTextStyle').hover(
   function(){
      $(this).append('<span>Customer Relationship Management</span>');
   },
   function(){
      $('.cubeTextStyle span').remove();
   }
);

すべてのコードをふるいにかけるわけではないので、私はあなたのフィドルを使用していませんが、この新しい基本的なフィドルをご覧ください。

于 2013-03-13T12:50:33.470 に答える