رفتن به مطلب

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


پست های پیشنهاد شده

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

لینک به ارسال

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

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

لینک به ارسال
جکوئری لود میشه؟

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

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

لینک به ارسال

یک موردی

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

لینک به ارسال

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

لینک به ارسال

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

لینک به ارسال

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

لینک به ارسال

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


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>

لینک به ارسال

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

این کدها رو در یه فایل 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>

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

لینک به ارسال


<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>

لینک به ارسال

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

در قالب حل شد

لینک به ارسال

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

در قالب حل شد

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...