0

少し問題が発生しました。ユーザーがdivにカーソルを合わせたときに、コンテンツをdivにロードする必要があります。

<div id="table">
<div class="hoverover">
    <!--<img src="ImageLink">-->
    Image goes here.
</div>
</div>

div「テーブル」は、2 番目の div を表示するためにユーザーがマウスを置かなければならない場所です。div "hoverover" は、ユーザーのマウスが div "table" にある場合にのみロードする必要があります。そのため、ユーザーのマウスが「テーブル」に入る前に、div「ホバーオーバー」内の写真はロードされません。

私はこれを見てきましたが、それは私が焦っていたものではありません. jsfiddle.net/LD8t6/ とこれhttp://jsfiddle.net/ujBZY/9/ (私は愚かですか..これを機能させることができないので?)

私はここで私の進歩をいじりました：http://jsfiddle.net/Zwipper/xCmxj/

このトピックに関するスレッドを見落としていた場合は、申し訳ありません。私は私の検索でこれに盲目であるのを見たかもしれません.

divの「ホバーオーバー」を適切にロードするJavaScriptを取得するのに少し問題があります。JavaScriptを動作させることができる人はいますか? それは大きな助けになります:)

これで十分な情報であることを願っています。これが私の最初のフィドルです。そうでない場合は、書いてください:)

ありがとう ：）

4

2 に答える 2

0

私はいくつかのajaxで解決策を見つけました。これは私が見つけたものです：

  <a href="#" class="ajaxtrigger">Load Ajax</a>
    <div id="target"></div>

<script src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>
    $(function(){
   $(".ajaxtrigger").click(function(){

      $("#target").load("load.php #toggle3");   
   });
})
</script>

これは load.php です:

<?
echo '<div id="#toggle">Toggle 1</div>';
echo '<div id="#toggle2">Toggle 2</div>';
echo '<div id="#toggle3">Toggle 3</div>';
echo '<div id="#toggle4">Toggle 4</div>';
?>

これは、ラップトップとxamppにファイルがある場合に機能します:)

于 2013-09-18T05:27:52.120 に答える
0

これを試してください:デモはこちら

$('#table').hover(
    function(){$('div.hoverover').show('slow'); },

    function(){$('div.hoverover').hide('slow');}
);
于 2013-09-16T19:56:22.187 に答える