مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

arezoo.fg

عضویت از 1394/08/11

دوستان اگه میشه کمک کنید که این درست شه ممنون میشم....

  • سه شنبه 19 مرداد 1395
  • 09:26
تشکر میکنم

من این کد html  که توی عکس میبینید نوشتم برای منوی پنل. و اینکه میخوام با هر بار کلیک بر روی هر <li> اون رنگش تغییر کنه. اما کد jquery  که خودم نوشتم باعث میشه توی انتخاب بعدی , قبلی   هم هنوز اتنخاب شده باشه.

باید دقیقا چه کد jquery  بنویسم که درست کار کنه با توجه به ساختار  کد html  که دارم...

 

 

یک عکس ضمیمه شده است....

 

پاسخ های این پرسش

تعداد پاسخ ها : 7 پاسخ
کاربر سایت

arezoo.fg

عضویت از 1394/08/11

  • سه شنبه 19 مرداد 1395
  • 09:27

عکس

کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • سه شنبه 19 مرداد 1395
  • 09:53

لینک زیر را بررسی کنید :

Jquery Add active class to main menu

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

کاربر سایت

arezoo.fg

عضویت از 1394/08/11

  • سه شنبه 19 مرداد 1395
  • 10:00

کد html:

    <div class="menu-header">
                        <span class="menu-title">
                            <a data-toggle="collapse" href="#People" class="show-a">
                                <img src="~/img/cash.png" />
                                <span>واحد مالی </span>


                            </a>
                            <i class="fa fa-plus-circle position_caret-menu"></i>
                        </span>

                    </div>
                    <div id="People" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <a href="#">
                                    <img src="~/img/iranian-rial1.png" style="padding-left: 5px" />
                                    <span>واحد حسابداری </span>
                                </a>
                            </li>

                        </ul>

                    </div>

...........................

کد jquery:


        $(function () {
            $(".list-group-item").click(function () {

                $(this).find("i").toggleClass("fa fa-plus-circle").toggleClass("fa fa-minus-square-o ");

                if ($(this).hasClass('activeli')) {
                    $(this).removeClass('activeli')
                }
                else {
                    $(this).addClass('activeli')
                }
            });
        })

 

کاربر سایت

arezoo.fg

عضویت از 1394/08/11

  • سه شنبه 19 مرداد 1395
  • 10:00

متاسفانه کار نکرد

کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • سه شنبه 19 مرداد 1395
  • 11:00

اسکریپت زیر رو جایگزین اسکریپت خودتون بکنید :

$(function () {            
            $('ul.list-group li.list-group-item').click(function () {
                $('li.list-group-item').removeClass("activeli");
                $(this).addClass("activeli");
            });
        })

 

کاربر سایت

arezoo.fg

عضویت از 1394/08/11

  • سه شنبه 19 مرداد 1395
  • 11:25

کار نمیکنههه

کاربر سایت

arezoo.fg

عضویت از 1394/08/11

  • سه شنبه 19 مرداد 1395
  • 11:29

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

 

http://stackoverflow.com/questions/38843961/how-to-active-select-and-deselect-li-in-menu

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)