Page 1 of 1

bxslider.com query.

Posted: Wed Feb 01, 2012 8:38 am
by vjandrei
Hi, what is the main problem.
I had 1.10.2 and i try to make simple blog slider to template, but when i but the
script safari say Can't find variable: $ ???
Can please anyone help me?

Code: Select all

{MleCMS action="init"}{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_parent}" lang="{$lang_locale} " >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}


{literal}
<__script__ type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider();
  });
</__script>
{/literal}


<__script__ type="text/javascript" src="http://www.easyholiday.fi/js/jquery-1.7.1.min.js"></__script>
<__script__ type="text/javascript" src="http://www.easyholiday.fi/js/jquery.bxSlider.min.js"></__script> 
<__script__ type="text/javascript" src="http://www.easyholiday.fi/js/jquery.easing.1.3.js"></__script> 
</head>
</__body>
 

<div class="container_16 white">
<div class="grid_16.container white">

  
<div class="grid_4">{search}</div>
<div class="grid_2">
<ul class="liput">
<li><a href="http://www.easyholiday.fi/"><img src="images/lang/fi.gif" alt="fi" width="16" height="11" /></a></li>
<li><a href="http://www.easyholiday.fi/en/home/"><img src="images/lang/gb.gif" alt="gb" width="16" height="11" /></a></li>
<li><a href="http://www.easyholiday.fi/ru/glavnaya/"><img src="images/lang/ru.gif" alt="ru" width="16" height="11" /></a></li>
 </ul>
</div>
  	<div class="grid_1">&nbsp;</div>
  	<div class="grid_9 navi">
{menu template="NAVIGATION - MAIN" start_level="2"}
  	
	  	
  	</div>
  </div>
  
  <div class="clear"></div>
  
  <div class="grid_16 white" style="margin:5px 0 0 20px; ">
  	{if $lang_parent == 'fi'}
  	{Showtime show='1'}
  	{/if}
  	
  	{if $lang_parent == 'en'}
	{global_content name='fiilis_en'}
	{/if}
	
	{if $lang_parent == 'ru'}
	{global_content name='fiilis_ru'}
	{/if}
  
  
  
  
  
  </div>
  
  
  <div class="clear"></div>
  

  
  <div class="clear"></div>
  
  <div class="grid_16.container white" style="margin:10px 0 0 0">
  
  		<div class="grid_9 content">
{Showtime show='2'}
<h1>{title}</h1>
{content}

<div id="laatikko2">{content block="promo1" label="Promo1:"}</div>

</div>
  		<div class="grid_6"> 


<div id="laatikko1">

<div id="slider1">
<div>555</div>
<div>777</div>
</div>

</div>



<div id="laatikko1">{content block="mainospaikka"   label="Mainospaikka:"}</div>








</div>
  
  </div>
  
</div>
<!-- end .container_16 -->

<div class="footer">
<div class="container_16">

	<div class="grid_16.container footer_content">
		<div class="grid_8 ajankohtaista">
		
		
		{if $lang_parent == 'fi'}
		<h1>Ajankohtaista</h1>
		{news}</div>
  		<div class="grid_8">{global_content name='footer'}</div>
		{/if}
		
		{if $lang_parent == 'en'}
		<h1>Contact us</h1>
		<div class="grid_8">{global_content name='footer_en'}</div>
		{/if}
	
		{if $lang_parent == 'ru'}
		<h1>Контактные данные</h1>
		<div class="grid_8">{global_content name='footer_ru'}</div>
		{/if}
	
	
	</div>


</div>
<!-- end .container_16 -->
</div>
<__body>
</__html>

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 8:58 am
by Rolf
you have to put the initial jquery calls on top
hope this helps,

Rolf

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 9:06 am
by vjandrei
Rolf wrote:you have to put the initial jquery calls on top
hope this helps,

Rolf
Sorry but i don´t understand, so i have to do what?
Can you give code snip..

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 9:29 am
by uniqu3

Code: Select all

<__script__ type="text/javascript" src="http://www.easyholiday.fi/js/jquery-1.7.1.min.js"></__script>
<__script__ type="text/javascript" src="http://www.easyholiday.fi/js/jquery.bxSlider.min.js"></__script> 
<__script__ type="text/javascript" src="http://www.easyholiday.fi/js/jquery.easing.1.3.js"></__script>
{literal}
<__script__ type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider();
  });
</__script>
{/literal} 

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 9:36 am
by vjandrei
Now i get this one?

Code: Select all

'undefined' is not a function (evaluating '$('#slider1').bxSlider()')

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 9:46 am
by Rolf
i see a showtime module call in your template. did you switch off its jquery call in the module admin.

rolf

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 10:03 am
by vjandrei
Rolf wrote:i see a showtime module call in your template. did you switch off its jquery call in the module admin.

rolf
Hi, yes now it is of and works, but i have to use the showtime module.
So there is some conflict java?
How this can fix?

Re: bxslider.com query.

Posted: Wed Feb 01, 2012 4:17 pm
by Rolf
vjandrei wrote:
Rolf wrote:i see a showtime module call in your template. did you switch off its jquery call in the module admin.
Hi, yes now it is of and works, but i have to use the showtime module.
So there is some conflict java?
How this can fix?
You can use both modules at the same time! But you can't have two jQuey calls in one template. If you leave your own call in the template thats okay.
In the Showtime module is - if I remember it correct - an checkbox to disable the jQuery call. Uncheck it and you will be ready...

Rolf