0

$.post と組み合わせた jquery ホバーに苦労しています。

私の目標は、一連の選択ボタンを作成することでした。ホバーすると画像が変わります (この画像へのパスは $.post によって読み込まれます)。画像は、マウスアウト時にデフォルトに変更されます。

また、選択ボタンをクリックすると、画像が永久に変更されます。

問題は、ホバーしても画像が永久に変更される場合があることです。

リンクテキストで試し てみてください しばらく猛烈に選択項目にカーソルを合わせてみてください。画像が元に戻りません。

どうすればこれを修正できますか?

var origpic;
var klik;
var inputval;
var newpic;
var origbnazev;
var cesta = "/ajaxobrazek.php";
$("input[name='barva']").hover(function() { 
    klik = 0;
    inputval = $(this).val();
    origbnazev = $("#bnazev").text();
    origpic = $("#kocarekimg").attr("src");
    $.post(cesta, {dodavatel_id : "<?php echo $row['dodavatel_id']?>", barva_cislo : inputval},     

    function(data){
        $("#kocarekimg").attr("src","/images/maly-"+data+".jpg");
     });
    $.post("/ajaxbarva.php", {barva_cislo : inputval}, function(data){
            $("#bnazev").text(data);
        });

    },function(){ 
    if (klik == 0) {
    $("#bnazev").text(origbnazev);  
    $("#kocarekimg").attr("src",origpic);}  
    });  

    $("input[name='barva']").click(function() { 
    klik = 1;

    $.post(cesta, {dodavatel_id : "<?php echo $row['dodavatel_id']?>", barva_cislo : inputval}, 

    function(data){
     $("#kocarekimg").attr("src","/images/maly-"+data+".jpg");
     origpic = "/images/maly-"+data+".jpg";
     }); 

     });

    //thumbnails
   $(".imgtn").hover(function() { 
    origpic = $("#kocarekimg").attr("src");
    newpic = $(this).attr("src");
    newpic = newpic.replace("tn-","maly-");
    $("#kocarekimg").attr("src",newpic); 
    },function(){ 
   $("#kocarekimg").attr("src",origpic);  
    });
4

1 に答える 1

1

Chrome、Firefox、IE では問題ありません。私が見る唯一のことは、サイトの応答性が期待どおりではないということです.率直に言って、画像参照が読み込まれた後にキャッシュしない理由がわかりません.

あなたのスクリプトは、ホバーごとに ajax 呼び出しを行います。それはナンセンスです。

于 2010-09-10T08:19:47.850 に答える