0

我有这个 jQuery 脚本： 

$('img[data-hover]').hover(function() {
    $(this)
        .attr('tmp', $(this).attr('src'))
        .attr('src', $(this).attr('data-hover'))
        .attr('data-hover', $(this).attr('tmp'))
        .removeAttr('tmp');
}).each(function() {
    $('<img />').attr('src', $(this).attr('data-hover'));

});

它工作正常，当我将图像悬停时，悬停工作正常。

但是现在我需要再次开始悬停，当我点击某些框时，在那些： 

$('#first, #second, #third').click(function(){  .....

是否有可能在“点击”时启动悬停并保持实际的悬停功能？甚至将其修改为“功能”？

我已经尝试过了，但我失败了。
谢谢。

编辑：
这是带有图像的 HTML 代码： 

<div class="auswahlbox">
        <div class="auswahl" id="first" data-id="1">
            <div class="bild">
                <img src="https://image.jpg" data-hover="https://images_hover.jpg" />
            </div>
            <div class="box">
                <p>Text</p>
            </div>
        </div>
        <div class="auswahl" id="second" data-id="2">
            <div class="bild">
                <img src="https://image.jpg" data-hover="https://images_hover.jpg" />
            </div>
            <div class="box">
                <p>Text</p>
            </div>
        </div>
        <div class="auswahl" id="third" data-id="3">
            <div class="bild">
                <img src="https://image.jpg" data-hover="https://images_hover.jpg" />
            </div>
            <div class="box">
                <p>Text</p>
            </div>
        </div>
    </div>

现在的情况：
当我将图像放入 .bild 时，它工作正常。

我需要什么：
当我单击"<div class="auswahl" id="first" data-id="1">"（第二个，第三个）div 时，图像的悬停应该“开始”一次。

4

1 回答 1

2

你的意思是这样的：

$('#first, #second, #third').click(function(){
    $('img[data-hover]').trigger('mouseover');
});

当#first, #second #third被点击它触发悬停事件img[data-hover]。

要在同div一次尝试中触发图像：

$('#first, #second, #third').click(function(){
    $(this).find('img[data-hover]').trigger('mouseover');
});
于 2013-04-22T16:09:50.037 回答