rezakianoosh

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

12 پست در این موضوع قرار دارد

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

3

به اشتراک گذاری این پست


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

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

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

0

به اشتراک گذاری این پست


لینک به پست

یک موردی

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

2

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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


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>

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست


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

1

به اشتراک گذاری این پست


لینک به پست

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

در قالب حل شد

2

به اشتراک گذاری این پست


لینک به پست

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

در قالب حل شد

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

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری