Ich kann meine jquery nicht in meiner Wordpress-Site arbeiten

Question

Ich wurde gesagt, dass Jquery automatisch in WordPress von Anfang an enthalten war, aber ich ging weiter und enthalten jquery in meiner functions.php. Ich versuche ein einfaches Skript zu erstellen, das zu einer div # id scrollt, wenn auf einen Link geklickt wird.

ich dieses Skript erstellt:

jQuery(document).ready(function($) { 
    jQuery("#view-visibility").click(function() { 
    jQuery('html, body').animate({ 
    scrollTop: jQuery("#visibility").offset().top 
    }, 2000); 
    }); 
)}; 

ich das Skript in meiner eigenen Datei setzen, script.js, und fügte hinzu, um es in die functions.php:

`

function theme_js() { 
    //parameters: 1.handle, 2.path, 3.array of dependents, 4.version specification, 5.load in footer? true or false 
    wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', '', '3.1.1', true); 
    wp_enqueue_script('bootstrap_js', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js', array('jquery'), '', true); 
    wp_enqueue_script('my_js', get_template_directory_uri() . '/script.js', array('jquery'), '', true); 

} 

add_action('wp_enqueue_scripts', 'theme_js');` 

Ich kann es immer noch nicht zur Arbeit bringen ... Ich weiß nicht, was das Geschäft ist !! Soll ich Jquery in den Kopf oder vor den Körper laden?

Link zu meiner Seite http://jakeford.io/pwi-project

Answer 1

Lernen Sie die Entwickler-Tools in Firefox (oder Firebug) oder Chrome oder Safari oder IE zu überprüfen, für Javascript und andere zu verwenden, Konsolenfehler.

in der Konsole sehe ich SyntaxError: Unexpected token ')' on line 9 of script.js.

So }); }); versuchen

Answer 2

jQuery mit $ ersetzen:

$(document).ready(function($) { 
    $("#view-visibility").click(function() { 
    $('html, body').animate({ 
    scrollTop: $("#visibility").offset().top 
    }, 2000); 
    }); 
)}; 

Answer 3

I script.js Ihrer Website überprüft haben es Syntaxfehler hat, versuchen Sie den Code unten:

jQuery(document).ready(function(jQuery) { 

    jQuery("#view-visibility").click(function() { 
    jQuery('html, body').animate({ 
     scrollTop: jQuery("#visibility").offset().top 
    }, 2000); 
    }); 
    jQuery('.my-slider').unslider({ 
     autoplay: true 
    }); 
});