0

現在、CakePHP と jquery を使用しています。望ましい結果の配列が得られました。その配列を出力として表示する必要があります。配列値の 1 つには、配列内の値のイメージに対応する「イメージ ID」が含まれています。私がしなければならないことは、配列のデータの上にマウスを置いたときにのみ、これらの画像を表示することです。現在、ページが読み込まれるとすべての画像が読み込まれます。これにより、ページの読み込み時間が長くなります。ホバー アプローチでは、ページが読み込まれたときではなく、マウスがホバーしたときにのみ画像が呼び出されます。

私はjqueryの初心者です。どうすればできるのか知りたかっただけです。誰かが何か始め方を教えてくれたら、それをやってのけることができます。どんな助けでも大歓迎です。さらに情報が必要な場合はお知らせください。

よろしく、 BG

4

2 に答える 2

0

次のようなものを試してください：

HTML :

<div id="showImg">Show Images</div>

JavaScript と jQuery :

$('#showImg').mouseover(function(){
    $.post('pathToCakeServerPage', function(data) {
        $('#showImg').append(data);
    });
});

Post のドキュメントはこちら - http://api.jquery.com/jQuery.post/ マウスオーバー - http://api.jquery.com/mouseover/

于 2011-12-07T12:14:50.523 に答える
0

jquery .hover() を使用して簡単に実行できます。

$(function() {
    $("THE CSS SELECTOR YOU WANT TO HOVER").hover(
    function () {
      $("THE CSS SELECTOR YOU WANT THE IMAGE IN").html('<img src="blabla.jpg" alt="" />');
    })

});

blabla を ID にしたい場合は、ホバーしたい CSS セレクターに ID を指定し、jquery を使用してその ID を取得します。

于 2011-12-07T12:15:14.610 に答える