رفتن به مطلب

مشکل کار نکردن href در منو


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

سلام

دوستان این صفحه رو ببنید

http://codepen.io/romanll/pen/jhuqw

به جای # یه ادرس بزارید بعد روش کلیک کنید. همینطور که میبینید به اون صفحه نمیره . اما اگه کلیک راست کنید و open new tab بزنید به اون ادرس میره

چرا اینجوریه؟ من خیلی دنبال همچین کدی گشتم تا پیدا کردم . بخاطر کد های js کار نمیکنه . اگه قسمت دوم رو برداری درست میشه اما اگه این کار رو کنی دیگه رو منو کلیک کنی زیر شاخه ها رو نشان نمیده

کسی میتونه اینو برای من درست کنه؟ تو رو خدا اگه میتونید درست کنید

و یه چیز دیگه. چجوری اینو به فهرست وردپس تبدیل کنم؟ خودم تا نیمه کار رو رفتم. میتونید اینجا ببینید

http://famovie.ir/right

اما اگه دقت کنید . اون فلش مثلث شکل که بازو بسته شدن رو نشان میده تو فهرست من نیست اینم کدی که درست کردم


<?php
$defaults = array(
'theme_location' => 'rightmenu',
'container' => 'nav',
'container_class' => 'left show',
'container_id' => 'menu',
'menu_class' => 'menu',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'items_wrap' => '<ul id="%1$s" class="%2$s"><li><a href="#" class="active"><i class="fa fa-home"></i>Inicio</a></li>%3$s</ul><a href="#" id="showmenu"><i class="fa fa-align-justify"></i></a>',
'walker' => ''
);
wp_nav_menu( $defaults );
?>

ممنون میشم کسی مشکل منو حل کنه . بعد 1 ساعت فارسی کردن این فهمیدم لینک کار نمیکنه

لینک به ارسال

چیزی که می گید با لینکی که دادید ارتباطی نداره اون صفحه یک منوی کشویی ایجاد کرده با کتابخانه جی کوئری و چون نمونه کارها داخل آی فریم هستند و توی دمو لینکها بجای نشانی علامت لنگر (#) را دارند مشخصه که جای خاصی رو باز نمی کنند ولی وقتی در تب جدید بازشون می کنید صفحه اصلی داخل آی فریم رو می آرند

لینک به ارسال

سلام استاد . ممنون که پاسخ دادید

ببینید من که نمیتونستم همه ی کد های css و ... رو تو انجمن قرار بدم یا تو سایتم . لینک codepen رو دادم تا همه کد های اون منو رو ببینید . بعد من خودم میدونم علامت (#) اما مشکل اینجاست. اگه اون علامت رو عوض کنی . باز هم جایی نمیره. مثلا به جای اون بزارید http://forum.wp-parsi.com اگه روش کلیک کنید . میبینید که نمیره به جایی. اما اگه در قسمت js این کد رو بردارید


$("#menu a").click(function(event){
event.preventDefault();
if($(this).next('ul').length){
$(this).next().toggle('fast');
$(this).children('i:last-child').toggleClass('fa-caret-down fa-caret-left');
}
});

درست میشه اما در عوض اون منو کامل نشان داده نمیشه.

شما تو این صفحه که تو سایتم خودم ساختم و فارسیه میتونید ببینید. ( اشتباهی css ها رو نزاشته بودم اصلاح کردم!)

http://famovie.ir/right

نمیدونم متوجه شدید یا نه. اخه من بد توضیح میدم. اگه کمکی میکنه. کل فایل های این منو رو هم این زیر گزاشتم

http://codepen.io/romanll/share/zip/jhuqw

ممنون

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

لینک به ارسال

من به سایت شما نرفتم همون صفحه کد پن را عرض کردم

این قسمت کد


$("#menu a").click(function(event){
event.preventDefault();

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

در مورد جاوا اسکریپت مطالعه کنید

من هنوز متوجه مشکل شما نشدم

شما دقیقا بگو می خوای چی کار کنی

لینک به ارسال

سلام.

این اگه روزلیشن صفحه مانیتورتون بالا هسته این صفحه رو ببینید ( فکر کنم اگه پایین باشه نشان نمیده)

http://www.yekmovie136.com

سمت راست اگه دقت کنید یه منو مثل همونی که بهتون نشان دادم باز میشه.

من میخوام کدی که بهتون نشان دادم رو به یه چیزی مثل این صفحه بالا تبدیل کنم.

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

در مورد مشکل من . ببینید الان تو این صفحه

http://famovie.ir/right

اگه رو درخواست فیلم کلیک کنید باید بره به صفحه درخواست فیلم. اما نمیره. اما اگه اون کدی جاوا اسکریپ رو برداری . کار میکنه و میره به صفحه درخواست فیلم . و همینطور من کد بالا رو کامل نتونتم به wp_nav_menu تبدیل کنم

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

چیزی که در codepen هست یک دمو برای کدهای استایل بندیه

به لینک زیر برید بالای صد مورد منوی گوناگون آماده برای دانلود داره

http://www.htmldrive.net/categorys/show/1/Menu-Navigation

لینک به ارسال

سلام

اره زیاد هست. من خیلی دیدم. اما اینجوری که من میخوام نیست. اصلا با تم سایت و موضوع سایت اخه همخونی ندارند. اون کدی که نشان دادم رو میشد روش یه تغیراتی انجام داد که تبدیل بشه به اونی که من میخوام.

اون بالایی رو نمیشه کاری کرد؟ که این مشکلش بر طرف بشه؟

لینک به ارسال

1. در پیشخوان - نمایش - فهرست از گوشه سمت چپ صفحه روی تنظیمات بزنید و گزینه کلاس css را تیکدار کنید

2. به آیتم هایی که دارای منوی فرزند هستند کلاس varchild را اضافه کنید

3. این کد را جایگزین کد جاوا اسکریپت منو کنید


$("#showmenu").click(function(e){
e.preventDefault();
$("#menu").toggleClass("show");
});
$("#menu .varchild").click(function(event){
event.preventDefault();
if($(this).next('ul').length){
$(this).next().toggle('fast');
$(this).children('i:last-child').toggleClass('fa-caret-down fa-caret-left');
}
});

لینک به ارسال

سلام. ممنون که به من کمک میکنید.

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

میخواید یوزر پس ادمینی یا بدم؟

لینک به ارسال

خوب برای اونهایی که زیر مجموعه دارند که اگر کار کنه دیگه زیر مجموعه شون رو مشخص نمی کنه

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

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

نه منظورم اون نیست. اشتباه گفتم

زیر مجموعه ها رو نشان نمیده اصلا. یعنی اون منو باز نمیشه که زیر مجموعه ها نشان داده بشه

لینک به ارسال

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

من راهنمایی دیگه ای به نظرم نمی رسه شما یا باید بتونید با کدی که دارید کار کنید یا باید برید سراغ یک کد دیگه

لینک به ارسال

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

http://www.htmldrive.net/items/show/1448/cross-browser-Multi-level-push-menu-with-jQuery

http://www.htmldrive.net/items/show/1439/Naver-Demo-A-jQuery-plugin-for-responsive-navigation

http://www.htmldrive.net/items/show/1421/a-jQuery-plugin-for-toggle-showhide-sidebar

بگردید بیست تا دیگه هم پیدا می کنید

چه اصراریه با کدی که نمی تونید کار کنید کار کنید؟

لینک به ارسال
شما لینکی که گذاشتم رو بررسی نکردید چون سه چهار مورد عین خواستتون رو داشت.

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

http://www.yekmovie136.com

من استایل رو نمیگم ها قشنگه . به حالت باز شدن منو. که عکس ایکون ها هست وقتی موس میره روش باز میشه. یا مثلا فهرست های من طولانی هسته. و بعضی منو ها اگه طولانی باشند زشت میشن. اما ای یه حالت خوبی داره و زشت نمیشه.

اینم افزونه خوبیه.

https://wordpress.org/plugins/responsive-menu/

اما کار نمیکنه برای من. بیخیال نمیخوام به زحمت بندازمتون به خاطر کار من. اگه یه روزی یه قالب اختصاصی برای سایتم دادم درست کنند اینم اضافه میکنم :(

لینک به ارسال

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

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

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

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

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

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

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

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

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