Are you using jQuery? If so, you need to include the script inside the functions.php file in your theme, like this:
add_action( 'wp_enqueue_script', 'load_jquery' );
function load_jquery() {
wp_enqueue_script( 'jquery' );
}
WP already loads jQuery in no conflict mode. Your jQuery script in your js file in no conflict mode would look like this:
(function($) {
// Your jQuery code goes here. Use $ as normal.
})(jQuery);
Thread Starter
samdz
(@samdz)
Hello,
Thank you for response,
Function.php include that function
add_action( ‘wp_enqueue_script’, ‘load_script’ );
function load_script() {
wp_enqueue_script( ‘jquery’ );
}
I tryed to use
(function($) {
// Your jQuery code goes here. Use $ as normal.
})(jQuery);
but same result.
I visited another solution from http://www.youtube.com/watch?v=1XTGcWANRaQ
I used too:
<script type=”text/javascript”>
var jq-$.noConflict();
jq(document).ready(function (){ //Usage
jq(“.menu ul li”).verticalMenu({ Speed: 340, effectHide: “fade”, method: “click”
});
});
</script>
</head>
but it generated error to my DW about the row ( var jq-$.noConflict(); )
so..
I would like to verify, if possible?
I installed my js Menu to my header
I added that code
<link href=”mytheme/style.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”js/menu_min.js”></script>
<script type=”text/javascript” src=”js/script.js”></script>
<script type=”text/javascript” src=”js/jquery.hoverIntent.minified.js”></script>
<script type=”text/javascript”>
(function($) {
$(document).ready(function (){ //Usage
$(“.menu ul li”).verticalMenu({ Speed: 340, effectHide: “fade”, method: “click”
});
});
})(jQuery);
</script>
<?php wp_head(); ?>
</head>
———————————–
I don’t know if it correct?
I must add ?
<script type=”text/javascript” src=”js/jQuery.js”></script>
I added it but, nothing changed so I removed it to my head..
One thing you need to do is to include js scripts the right way: you need to enqueue them rather than hard coding them. You do so in functions.php. Here’s a Codex article on how to include scripts:
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Here are some other references:
http://wpcandy.com/teaches/how-to-load-scripts-in-wordpress-themes/#.UyVtVc5KiuI
http://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/
Also, if you access the twenty-fourteen theme in the latest WP release and open functions.php in a code editor, at about line 225 you can find this function: function twentyfourteen_scripts() { ... }, which is a clear illustration of how to include styles and scripts in your WP theme.
I hope this helps.
Thread Starter
samdz
(@samdz)
Hello,
Thank you for response, and very good tutorials 🙂
As beginer, for the moment I don’t understand well how to use enqueue.
I had problem of jQuery at all my themes, so I changed pc (localhost)
And I removed jquery verison of js menu, and now I have not problem of conflict… 🙂
but I don’t know where was the problem so I am not sure to resolved problem 100% ..
I don’t know if I can add/integrate javascript Menu (not plugin menu) to my theme..?
Perhaps all my error is there?
Sam
