jQuery.hover с AJAX не работает должным образом - PullRequest
Новая
       24

jQuery.hover с AJAX не работает должным образом

0 голосов
/ 10 сентября 2010

Я борюсь с моим jquery hover в сочетании с $ .post.

Моя цель состояла в том, чтобы создать несколько кнопок выбора, и если я наведу на них курсор, изображение изменится (путь к этому изображению будет загружен на $ .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);  
    });

1 Ответ

1 голос
/ 10 сентября 2010

У меня нет проблем ни в Chrome, ни в Firefox и IE. Единственное, что я вижу, это то, что сайт не так отзывчив, как следовало бы, и, честно говоря, я не понимаю, почему вы не кэшируете ссылки на изображения после их загрузки.

Ваш скрипт делает ajax-вызов при каждом зависании, это чепуха.

...