0

Boa tarde!

Gostaria de saber se é possível criar uma function com o Jquery exclusiva para um navegador específico

Por exemplo:

    $(document).ready(function(e) {
     $("#imagens a").click(function(e) {
        var id = $(this).prop("id");
            id = "Imagens/foto"+id+".jpg";

         $(window).bind('scroll', setTopo);

         $("#img_principal").css('display','block');

         $("#img_principal").attr("src",id);    
    });

    $(".titulo").click(function(e) {
        $("#img_principal").css('display','none');
         $(window).unbind('scroll', setTopo);
    });  
});

Onde a minha function é:

   function setTopo(){
      $(window).scrollTop(2000);
    }

Eu queria que ao abrir no Firefox/Opera os valores(scrollTop) fossem outros mas com a mesma função, já que a estrutura que eu montei apresenta diferença quando executada nesses navegadores. Utilizei o Chrome como base e a partir dele comecei a adaptar em outros navegadores.

Grato

2
  • Sim isso é possivel, seria interessante explicares o problema e qual é o comportamento/tecnologia que dá resultados diferentes em browsers diferentes e assim ajudar-mos a normalizar os valores.
    – Sergio
    Commented 19/04/2016 às 17:26
  • Ao abrir uma imagem eu queria que o scroll do mouse fosse bloqueado, então usei o 'scroll', função com o valor(px). O problema é que ao abrir em outro navegador o valor tem variação, nisso a imagem em questão aparece cortada ou fora de posição(já que o navegador trava no valor que informei).
    – A.L Freire
    Commented 19/04/2016 às 17:34

1 Resposta 1

0

Você deve usar este código para identificar o navegador do usuário:

if (jQuery.browser.mozilla){
        // Seu código aqui se for o firefox seu navegador
    else if (jQuery.browser.msie){
        // Seu código aqui se for o Internet Explorer
    else if (jQuery.browser.safari){
        // Seu código aqui se for o Safari
    else if (jQuery.browser.opera){
        // Seu código aqui se for Opera
    } else {
        // Seu código aqui
});

Para o seu exemplo:

function setTopo(){
    if (jQuery.browser.mozilla){
        // Seu código aqui se for o firefox seu navegador
        $(window).scrollTop(2000);
   else if (jQuery.browser.msie){
        // Seu código aqui se for o Internet Explorer
        $(window).scrollTop(3000);
    else if (jQuery.browser.safari){
        // Seu código aqui se for o Safari
        $(window).scrollTop(4000);
    else if (jQuery.browser.opera){
        // Seu código aqui se for Opera
        $(window).scrollTop(5000);
    else {
        // Seu código aqui
        $(window).scrollTop(6000);
    })

}
7
  • Lembrando apenas que isso foi removido na versão 1.9 do jQuery.
    – Randrade
    Commented 19/04/2016 às 17:26
  • Eu coloco toda a função? Eu encontrei algo parecido quando pesquisei, mas não consegui aplicar. Dentro de cada else if vai o comando que quero aplicar no navegador?
    – A.L Freire
    Commented 19/04/2016 às 17:26
  • @Randrade - De fato estou utilizando a 1.12, existe alguma alternativa ou devo utilizar a versão mais antiga?
    – A.L Freire
    Commented 19/04/2016 às 17:29
  • @A.LFreire, editei a pergunta, confira a resposta pra ver se é o que vc quer Commented 19/04/2016 às 17:34
  • @DavidDamasceno Acredito que seja isso, vou testar aqui
    – A.L Freire
    Commented 19/04/2016 às 17:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .