$(文件)。在( “点击”, “CLASS_NAME”,()函数不工作

$(文件)。在( “点击”, “CLASS_NAME”,()函数不工作

问题描述:

下面是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

代码可能语法错误,你已经错过了回调函数声明托槽{,试试这个代码

$(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

您的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和分享链接我无法理解你所说的话