0

我目前正在使用 CakePHP 和 jquery。我得到了一系列想要的结果。我必须将该数组显示为输出。数组值之一包含一个“图像 ID”,它对应于数组中值的图像。我要做的是仅当我将鼠标悬停在数组数据上时才显示这些图像。现在所有的图像都是在页面加载时加载的。这增加了页面的加载时间。使用悬停方法,图像只会在鼠标悬停时调用,而不是在页面加载时调用。

我是 jquery 的新手。我只是想知道如何做到这一点。如果有人告诉我一些开始的方法,我可以完成。任何帮助,将不胜感激。如果您需要更多信息,请与我们联系。

问候, BG

4

2 回答 2

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 回答
0

尝试类似:

HTML:

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

Javascript 和 jQuery:

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

这里的文档发布 - http://api.jquery.com/jQuery.post/ 鼠标悬停 - http://api.jquery.com/mouseover/

于 2011-12-07T12:14:50.523 回答