من این کد html که توی عکس میبینید نوشتم برای منوی پنل. و اینکه میخوام با هر بار کلیک بر روی هر <li> اون رنگش تغییر کنه. اما کد jquery که خودم نوشتم باعث میشه توی انتخاب بعدی , قبلی هم هنوز اتنخاب شده باشه.
باید دقیقا چه کد jquery بنویسم که درست کار کنه با توجه به ساختار کد html که دارم...
یک عکس ضمیمه شده است....
عکس
لینک زیر را بررسی کنید :
اگر لینک بالا کمکتون نکرد ، کد jQuery ای که نوشتید را در ادامه این پست قراردهید.
کد 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') } }); })
متاسفانه کار نکرد
اسکریپت زیر رو جایگزین اسکریپت خودتون بکنید :
$(function () { $('ul.list-group li.list-group-item').click(function () { $('li.list-group-item').removeClass("activeli"); $(this).addClass("activeli"); }); })
کار نمیکنههه
تمام کد و داخل این سایت گذاشتم وو اگه امکانش هست چک کنید ممنون میشم.
http://stackoverflow.com/questions/38843961/how-to-active-select-and-deselect-li-in-menu
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)