کار کردن کدهای jquery تو وردپرسم در لوکال ؟

[rezakianoosh 1795]

سلام دوستان نمیدونم چرا کدهای جی کوئری که نوشتم رو وقتی میارم تو قالب وردپرسیم قرار میدم کار نمیکنه اما وقتی تو خود لوکال و یه جایی بجز محل نصب وردپرس تست مسکنم به خوب کدها کار میکنن نحوه ادرس ده هم درست هست و از template_url استفاده میکنم اما بازم جواب نمیده. به نظرتون مشگل از کجا میتونه باشه ؟

[Parsa 23463]

جکوئری لود میشه؟

از جکوئری داخلی وردپرس استفاده می‌کنید؟

[rezakianoosh 1795]

جکوئری لود میشه؟

از جکوئری داخلی وردپرس استفاده می‌کنید؟

کتابخونه اش رو دانلود کردم و به کدهام پیوست کردم خود کدهایی رو که نوشته ام رو هم تو یه فایل دیگه به قالبم پیوست کردم ولی نمیدونم چرا کار نمیکنه ؟

[Morteza 34190]

یک موردی

شاید توی پوسته شما 2بار جی کوئری داره لود میشه. یا اینکه داره بایک تابع توی پوسته شما تداخل ایجاد میشه.

[imanfakhar 26231]

jquery فقط آخرین ورژن رو می خونه در خود وردپرس 3.4 فکر می کنم jquery 1.7.2 قرار گرفته باشه در نتیجه کد شما باید در همین ورژن یا بالاتر باشه (که فعلا بالاتر نداریم) کد لینک به jquery را بردارید و فقط با کدهای فراخوانی امتحان کنید در اکثر موارد جواب می ده

[rezakianoosh 1795]

لینک 1.7.2 رو برداشتم تا از خود وردپرس استفاده کنه ولی بازم تاثیری نداشت ! واقعا موندم قضیه چیه ؟

[rezakianoosh 1795]

کد من به یه لینک به ادرس # اشاره میکنه نکنه به خاطر اینه ؟ چون از توابع show و hide استفاده کردم باید یه لینک باشه و با کلی بر روی اون لینک تابع ها کار کنن به همین دلیل در ادرس دهی از # استفاده کردم

[imanfakhar 26231]

برای آدرس می تونی بنویسی

javascript:void(0)

دستور show و hide تغییر کرده کدهات رو با این شکل تغییر بده

<script>
$("a.button").click(function () {
$("p.example").toggle("slow");
});   
</script>

در این مثال با کلیک کردن بر روی لینکی که کلاس button داره پاراگرافی با کلاس example مخفی و ظاهر می شه و در ابتدای لود هم پاراگراف ظاهره برای کد لینک به jquery هم از این کد استفاده کن که همیشه درست عمل می کنه

  <script src="http://code.jquery.com/jquery-latest.js"></script>

[rezakianoosh 1795]

کدهایی کهمن استفاده میکنم اینهاست یه تست کنید ببنید در وردپرس شما کار میکنه ؟

این کدها رو در یه فایل js ریخختم و ادرسش رو به شکل زیر دادم

$('#hideshow').toggle(function() {
$('#hideshow').text('جستجو');
$('.search').hide();
},function(){
$('#hideshow').text('جستجو');
$('.search').show();
});

نحوه ادرس دهی

<script type="text/javascript" src="<?php bloginfo('template_url');?>/script.js"></script>

جی کوئری رو هم به این شکل فراخوانی کردم

<script type="text/javascript" src="<?php bloginfo('template_url');?>/jquery-1.7.2.min.js"></script>

اینک کدهای مربوط به دیوی که میخام نماش و مخفی بشن و از جی ک.ئری تبعیت کنن

div class="search">
<form method="get" id="searchform" action="http://zarmobile.ir">
<input type="text" name="s" id="s" value="نام محصول مورد نظر را اینجا بنویسید" onfocus="if (this.value == 'نام محصول مورد نظر را اینجا بنویسید') {this.value = '';}" onblur="if (this.value == '') {this.value = 'نام محصول مورد نظر را اینجا بنویسید';}"/>
<input type="submit" id="searchsubmit" value=""/>
  </form></div>
	 <ul>
   <li><a href="http://arasp.ir" title="صفحه اصلی">صفحه اصلی</a></li>
   <li><a href="/contact" title="تماس با ما">تماس با ما</a></li>
   <li><a href="/about" title="درباره ما">درباره ما</a></li>
   <li><a href="/tags" title="برچسب ها">برچسب ها</a></li>
   <li><a href="http://arasp.ir/sitemap.xml" title="نقشه گوگلی سایت">نقشه سایت</a></li>
		    <li><a href="#" id="hideshow">hide</a></li>
    </ul></nav>

همینطور که میبینید هیچ مشگلی ندراه ، اما بازم نمیدونم چرا کار نمیکنه ؟

[imanfakhar 26231]

<script type="text/javascript" src="<?php bloginfo('template_url');?>/script.js"></script>

کد بالا که مربوط به خود قالبتونه و به کار ما ربطی نداره

باقی کدها را به شکل زیر تغییر دهید

و شما باید امتحان کنید تا مشکلتون حل شه نه من که مشکلی ندارم البته این کدها امتحان شده است

کد فراخوانی:

  <script src="http://code.jquery.com/jquery-latest.js"></script>

کد body

<div class="search">
<form method="get" id="searchform" action="http://zarmobile.ir">
<input type="text" name="s" id="s" value="نام محصول مورد نظر را اینجا بنویسید" onfocus="if (this.value == 'نام محصول مورد نظر را اینجا بنویسید') {this.value = '';}" onblur="if (this.value == '') {this.value = 'نام محصول مورد نظر را اینجا بنویسید';}"/>
<input type="submit" id="searchsubmit" value=""/>
  </form></div>
		 <ul>
   <li><a href="http://arasp.ir" title="صفحه اصلی">صفحه اصلی</a></li>
   <li><a href="/contact" title="تماس با ما">تماس با ما</a></li>
   <li><a href="/about" title="درباره ما">درباره ما</a></li>
   <li><a href="/tags" title="برچسب ها">برچسب ها</a></li>
   <li><a href="http://arasp.ir/sitemap.xml" title="نقشه گوگلی سایت">نقشه سایت</a></li>
   <li><a href="javascript:void(0)" id="hideshow">جستجو</a></li>
    </ul>
<script>
$("#hideshow").click(function () {
$(".search").toggle("slow");
});  
</script>

[rezakianoosh 1795]

خیلی ممنون دوستان مشگل حل شد ، مشگل در فراخوانی خود جی کوئری بود که با قرار دادن

<script src="http://code.jquery.com/jquery-latest.js"></script>

در قالب حل شد

[imanfakhar 26231]

خیلی ممنون دوستان مشگل حل شد ، مشگل در فراخوانی خود جی کوئری بود که با قرار دادن

در قالب حل شد

ممنون شما جزو معدود کسانی بودی که بعد از رفع مشکل دوستانت رو فراموش نکردی