Creating Unique Jquery Actions for a Browser

Question

Creating Unique Jquery Actions for a Browser

Navigation

#1 by (0 votes)

0

Good afternoon!

I would like to know if it is possible to create a function with Jquery unique to a specific browser

For example:

    $(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);
    });  
});

Where my function is:

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

I wanted when opening in Firefox / Opera the values (scrollTop) were others but with the same function, since the structure that I mounted presents difference when executed in these browsers. I used Chrome as a base and from there I started adapting in other browsers.

Thankful

javascript jquery navegador

asked by anonymous 19.04.2016 / 19:01

1 answer

Sending problem in the contact form BigStream Wordpress theme, setting up the mail-it.php file facebook logout SDK 4. +

score 0 · Answer 1

You should use this code to identify the user's browser:

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
});

For your example:

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);
    })

}