رفتن به مطلب

مشکل با منوی jQuery


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

سلام

با منوهای جی کوئری مشکلی داشتم, لینک منوها وجود داره ولی افکتش نیست.

روی پوسته twentyten امتحان کردم و حتی از منو های دیگه ای هم استفاده کردم و بر روی html کاملاً درسته و نمایش میده ولی در وردپرس جی کوئری کار نمیکنه.

نمونه این منو

روی پوسته ی سایتم که در امضام هست در لوکال گذاشتم و کار نکرد .

ویرایش شده توسط سعید
لینک به ارسال

سلام

یکبار کد فراخوانی کتابخانه اصلی jquery را حذف کن تا از جی کوئری هسته مرکزی بخونه و اگر مشکل ادامه داشت کد


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

درست قبل از بسته شد head و بعد از کد wp-head قرار بده و امتحان کن

لینک به ارسال

یکبار کد:


<script type="text/javascript" src="js/jquery.js"></script>

حذف کردم و بار دوم کدی که گفتید کار نکرد.

لینک به ارسال

مشکل از تداخل جی کوئری هست.

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

لینک به ارسال

خود وردپرس اینو لود میکنه:


<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

باید چیکار کنم؟

لینک به ارسال

تغییرات jquery در اینجا ببینید

http://oscarotero.com/jquery/

معمولا این منو ها دو تا کد jquery دارند یکی برای کتابخانه اصلی و دومی برای خود منو شما باید کد کتابخانه را تغییر می دادید و کد منو باید ثابت بمونه

لینک به ارسال

روی وردپرس لوکال چک کردم اگر کدهای مربوط به jquery.easing.1.3.js را بگذارید و کد jquery خودش رو بر دارید کار می کنه نیازی هم به کد دیگه ای نداره

کد استایلش و کد


<div id="box"><div class="head"></div></div>
</div>

که باید بعد از ul منو بیاد هم فراموش نشه

لینک به ارسال

شما باید کد کتابخانه را تغییر می دادید و کد منو باید ثابت بمونه

3تا فایل با پسوند js داره: jquery.easing.1.3.js و jquery.js و jmenu.js

کد اسکریپت فایل jquery.js را حذف کرده بودم و بقیه موارد ثابت بود.

ویرایش شده توسط سعید
لینک به ارسال

آقا ایمان این کارهارو کردم :

فقط دو کد زیر


<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jmenu.js"></script>

بعد از <? ;()php wp_head?> و قبل از <head/> گذاشتم.

استایلو موقت داخل تگ هد داخل تگ <style type="text/css"></style> گذاشتم.

هر 3 فایل js داخل پوشه js و داخل پوشه پوسته گذاشتم و در نهایت کد زیر:


<div id="lava">

<ul>
<li><?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' . __('') . '' ); ?></l
></ul>

<!-- If you want to make it even simpler, you can append these html using jQuery -->
<div id="box"><div class="head"></div></div>

</div>

و کار نکرد!

لینک به ارسال

وقتی این دو کد را می گذارید پوئشه js را باید در روت سایت بسازید نه روت قالب و یا باید کدها را به آدرس کامل پوشه قالب تغییر بدید


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

و کد اصلی رو هم به


<div id="lava">
<ul>
<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' . __('') . '' ); ?></ul>
<!-- If you want to make it even simpler, you can append these html using jQuery -->
<div id="box"><div class="head"></div></div>
</div>

تغییر بدید یک بار لایه li با کد php ساخته می شه

در سورس کد آدرسی که دادید فایل jmenu.js وجود نداره و در عوض یک سری از کدهای جاوا رو همونجا اضافه کرده

لینک به ارسال

اگه میتونی یک save as web کامل از صفحه بگیر و پیوست کن اینجا

لینک به ارسال

شرمنده ایمان عزیز

ولی با رعایت این دو مورد هم کار نکرد.

منظورت از کار نکرد اینه که مثل همون اوله یا ترکیب دلخواه رو نداره اگر مثل اوله یکبار دیگه با دقت مراحل رو دنبال کن چون من جواب گرفتم و بعیده شما نگیری ولی اگر ترکیب بهم ریخته است مربوط می شه به تداخل استایل قالب شما با استایل فایلچون کد جی کوئری فقط تغییر css می ده

لینک به ارسال

اگه میتونی یک save as web کامل از صفحه بگیر و پیوست کن اینجا

منظورت از کار نکرد اینه که مثل همون اوله یا ترکیب دلخواه رو نداره اگر مثل اوله یکبار دیگه با دقت مراحل رو دنبال کن چون من جواب گرفتم و بعیده شما نگیری ولی اگر ترکیب بهم ریخته است مربوط می شه به تداخل استایل قالب شما با استایل فایلچون کد جی کوئری فقط تغییر css می ده

منظورم کار نکردن خود جی کوئی هست چون چیزی که معلومه استایل میگیره ولی کار نمیکنه.

لینک به ارسال

یه کار دیگه هم امتحان کن و ببخش اگر اذیت شدی

فایل jquery رو آپلود کن داخل پوشه js و ری نیمش کن به هر چیز دیگه و کد فرخوانیش رو با نام جدید و کد php آدرس قالب اضافه کن به باقی کدها و تست بگیر

لینک به ارسال

یه کار دیگه هم امتحان کن و ببخش اگر اذیت شدی

فایل jquery رو آپلود کن داخل پوشه js و ری نیمش کن به هر چیز دیگه و کد فرخوانیش رو با نام جدید و کد php آدرس قالب اضافه کن به باقی کدها و تست بگیر

شما ببخشید که زحمت دادم. :)

آپلود ؟ :huh: لوکاله ایمان جان

تغییر نام دادم به "jquery-jadid.js" و با این کد فراخوانی کردم:


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

تا چند دقیقه پیش کار نکرد الان 1بار دیگه زدم کار میکنه.

ایمان و Morteza ممنونم.

فقط 1 سوالی داشتم:

منو از طریق کد:


<li class="selected"><a href="#">jQuery</a></li>

یکی را select شده انتخاب میکنه برای این کار چیکار کنم؟

مثلاً li دوم یا 8ام .

یادآوری میکنم برای تگ li در وردپرس کد زیر گذاشتم:


<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' . __('') . '' ); ?></ul>

ویرایش شده توسط سعید
لینک به ارسال

با منوی زیر هم همون مشکل (کار نکردن جی کوئری) به وجود آمد.

چرا تنظیم جی کوئری با وردپرس انقدر دردسر سازه؟ :unsure:

تمام مراحل را تک به تک اجرا کردم و کلافه شدم.

فقط در html به درستی نمایش میده!

اینم ذخیره کامل از صفحه:

لینک به ارسال

شما ببخشید که زحمت دادم. :)

آپلود ؟ :huh: لوکاله ایمان جان

تغییر نام دادم به "jquery-jadid.js" و با این کد فراخوانی کردم:


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

تا چند دقیقه پیش کار نکرد الان 1بار دیگه زدم کار میکنه.

ایمان و Morteza ممنونم.

فقط 1 سوالی داشتم:

منو از طریق کد:


<li class="selected"><a href="#">jQuery</a></li>

یکی را select شده انتخاب میکنه برای این کار چیکار کنم؟

مثلاً li دوم یا 8ام .

یادآوری میکنم برای تگ li در وردپرس کد زیر گذاشتم:


<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' . __('') . '' ); ?></ul>

پیشنهاد:


<ul>
<li class="selected"><a href="<?php the_bloginfo('url'); ?>">خانه </a></li>
<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' . __('') . '' ); ?></ul>

با منوی زیر هم همون مشکل (کار نکردن جی کوئری) به وجود آمد. چرا تنظیم جی کوئری با وردپرس انقدر دردسر سازه؟ :unsure: تمام مراحل را تک به تک اجرا کردم و کلافه شدم. فقط در html به درستی نمایش میده! اینم ذخیره کامل از صفحه:

فایل ها را می بینم و خدمت می رسم

لینک به ارسال

فایل ها را می بینم و خدمت می رسم

ممنون منتظرم.

منوی سمت راست مشکل داره؟ چون متن تست کردم درست هست.

خیر-چه مشکلی؟ نمونه آنلاین سایتمه.

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

لینک به ارسال

همین فایل ذخیره ایی که فشرده کردید رو تست کردم.

اون فقط فایل html بود با پوسته ام کار نمیکنه.

لینک به ارسال

این هم رو لوکال جواب داد

فقط کدها را باید برای آدرس قالب اصلاح کنی

و من قالب لوکالم یک html5 بدونه هیچ استایلی ولی روی یک قالب استایل دار نتونستم تنظیمش کنم

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

لینک به ارسال

من قالب لوکالم یک html5 بدونه هیچ استایلی ولی روی یک قالب استایل دار نتونستم تنظیمش کنم

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

ممنون لطف کردید که وقت گذاشتید.

تمام مراحلو با پوسته ای خیلی ساده و بدون عکس و استایل خاصی امتحان کردم ولی کار نکرد.

header.php این پوسته را پیوست کردم ببینید در کدهایم مشکلی وجود دارند؟ اگر نبود پوسته را پیوست میکنم.

header.php

لینک به ارسال

کارهایی که من کردم و جواب داد

اول از همه فایل ها را از سورس htmli که کار می کرد گرفتم چه استایل و چه جاوا اسکریپت ها رو

کلمه ی jquery رو از نام همه ی فایل ها حذف کردم

و در مورد قالب شما فکر کنم بهتر باشه استایل و کدها و کد head را بیارید قبل از شرطی که برای reply دارید (البته این کلیه)

و من یک فایل js از شما کمتر داشتم یعنی jquery.min.js رو نذاشتم روی دو تا وردپرسم تست کردم هم نسخه ی بتا 3.5-beta1-22104 که آزمایشیه و هم 3.4.2 که مال روزه و در هر دو جواب داد مشکل استایل بندی قالب هم مربوط به من بود حلش کردم و الان بدونه موردند

لینک به ارسال

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

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

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

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

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

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

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

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

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