2015-05-29 51 views
0

下面是HTML

<div id="menu" class='rmm' data-menu-title="Description"> 
    <ul> 
     <li><a href="" class="rmm_li_item">Description</a></li> 
     <li><a href="" class="rmm_li_item">Features</a></li> 
     <li><a href="" class="rmm_li_item">Ratings</a></li> 
     <li><a href="" class="rmm_li_item">Activate</a></li> 
    </ul> 
</div> 

jQuery的部分改變菜單的標題

function getMobileMenu() { 

    /* build toggled dropdown menu list */ 

    $('.rmm').each(function() { 
     var menutitle = $(this).attr("data-menu-title"); 
     if (menutitle == "") { 
      menutitle = "Menu"; 
     } 
     else if (menutitle == undefined) { 
      menutitle = "Menu"; 
     } 
     var $menulist = $(this).children('.rmm-main-list').html(); 
     var $menucontrols ="<div class='rmm-toggled-controls'><div class='rmm-toggled-title'>" + menutitle + "</div><div class='rmm-button'><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></div></div>"; 
     $(this).prepend("<div class='rmm-toggled rmm-closed'>"+$menucontrols+"<ul>"+$menulist+"</ul></div>"); 

    }); 
} 

我只是希望當我點擊菜單中的菜單標題被改變。

我試過以下,但它不會工作

$(document).on("click",".rmm_li_item",function() 
    var ctxt=this.innerHTML; 
    $(".rmm-toggled-title").text(ctxt); 
}) 

完整的設計:responsivemobilemenu.com/en/

+0

請儘量在jsfiddle.net執行你的整個代碼,看看你會得到什麼錯誤 – user1121210

回答

0

代碼可能語法錯誤,你已經錯過了回調函數聲明託槽{,試試這個代碼

$(document).on("click",".rmm_li_item",function(e){ 
    e.preventDefault(); 
    var ctxt=this.innerHTML; 
    $(".rmm-toggled-title").text(ctxt); 
    }) 

雖然添加e.preventDefault()停止刷新頁面

+0

我試着不工作 – rajagopalx

+0

檢查控制檯,有任何其他錯誤,所以這段代碼卡住了 – Girish

-1

您的Click事件似乎存在一些錯誤。一般語法適用於onClick事件是

$("#target").click(function() { 
    alert("Handler for .click() called."); 
}); 

根據問題是你需要什麼?

$(document).on("click",".rmm_li_item",function(e){ 
    e.preventDefault() 
    var ctxt=this.innerHTML; 
    $(".rmm").text(ctxt); 
    }) 

如果不是請一個的jsfiddle和分享鏈接我無法理解你所說的話