Add Jquery in header.tpl ---- How does it work

[alloure59]

Hello everyone,

I would like to use function selectable of Jquery on a class CSS of category.css

 

So in category.css I made this change

.content_scene_cat .ui-selecting { background: #FECA40; }
.content_scene_cat .ui-selected { background: #F39814; color: white; }

In header tpl , I apply the function  to the class:

<script type="text/javascript">
			var baseDir = '{$content_dir}';
			var baseUri = '{$base_uri}';
			var static_token = '{$static_token}';
			var token = '{$token}';
			var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
			var priceDisplayMethod = {$priceDisplay};
			var roundMode = {$roundMode};
			 $(function() {$("#category.content_scene_cat").selectable();});
			
		</script>

So, have I missed something ??

Thanks