2013-09-18 2 views
-3

У меня есть несколько изображений. Изображения один над другим, и в зависимости от ситуации я должен показать один или другой, но мой процесс не работает. это кодПоказать и скрыть изображения в javascript

AddHTMLToCurrentSlide('<div id="slide14_gc"></div>'); 
AddHTMLToCurrentSlide('<div classe="drag-x" id="slide14_gp"></div>'); 
AddHTMLToCurrentSlide('<div id="slide14_empty"></div>'); 
AddHTMLToCurrentSlide('<div id="slide14_25mg"></div>'); 
AddHTMLToCurrentSlide('<div id="slide14_50mg"></div>'); 


    $(function() { 

    $("#slide14_gc").hide(); //here work 
    $("#slide14_gp").show(); 

    $("#slide14_gc").draggable({ 
    handle:"#slide14_gc", 
    containment: [50,105,625,48], 
    axis: "x" 
    }); 

    $("#slide14_gp").draggable({ 
    handle:"#slide14_gc", 
    containment: [50,105,625,48], 
    axis: "x" 
    }); 





    var part =parseInt($('#slide14_gc').css('left')); 
    var maxlungh =parseInt($('#slide14_gc').css('width')); 
    var arr = parseInt(part) + parseInt(maxlungh); 
    var pos =$("#slide14_gc").position(); 

    if(pos == part){ 
     $("#slide14_gc").hide(); 
     $("#slide14_gp").show(); 
     $("#slide14_empty").show(); //not show 
     $("#slide14_25mg").hide(); //not hide 
     $("#slide14_50mg").hide(); //not hide 
    } 

    if(pos>part && pos<265){ 
     $("#slide14_gc").show(); 
     $("#slide14_gp").hide(); 
     $("#slide14_empty").hide(); //not hide 
     $("#slide14_25mg").show(); //not show 
     $("#slide14_50mg").hide(); //not hide 

    } 

    if(pos>265 && pose<arr){ 
     $("#slide14_empty").hide(); //not hide 
     $("#slide14_25mg").hide(); //not hide 
     $("#slide14_50mg").show(); //not show 
    } 





}); 
+0

Вопросы, как это те, которые получают меньше или CERO ответы. Будьте более конкретными. Добавьте jsfiddle, попробуйте что-нибудь, напишите меньше кода ... – Alvaro

+2

«Вот мой код, исправьте его для меня». Нет. – Bojangles

+0

Я просто хотел предложить, потому что я не могу найти ошибку. Javascript, который я изучаю сейчас –

ответ

1

попытаться создать новый класс CSS, а также добавлять или удалять их:

.hide { 
    display: none!important; 
} 


$("#slide14_25mg").addClass("hide"); 
$("#slide14_50mg").removeClass("hide"); 
0

Я думаю, что проблема в сценарии, что jQuery «s position метод не возвращает Int. Цитирование документов jQuery:

Возвращает объект, содержащий свойства сверху и слева.

Вы сравнивая pos, который представляет собой объект с целым числом, так что ни один из блоков, если выполняются (как ни одно из условий не будут выполнены).

Смежные вопросы