Jquery 按未运行的类在元素中执行函数

Jquery 按未运行的类在元素中执行函数,jquery,class,onclick,Jquery,Class,Onclick,我不能运行这段代码,Jquery是可以的,我是在$(文档)中完成的,因为在网站上读到了一些建议,我忘记了链接。问题是它不能运行。。对不起,如果这是一个愚蠢的问题,我不是一个前端程序员-请忽略onclick=“adicionaItemNoMenu();return false;”内部按钮 <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></scr

我不能运行这段代码,Jquery是可以的,我是在$(文档)中完成的,因为在网站上读到了一些建议,我忘记了链接。问题是它不能运行。。对不起,如果这是一个愚蠢的问题,我不是一个前端程序员-请忽略onclick=“adicionaItemNoMenu();return false;”内部按钮

<html>

    <head>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            $(function() {});
            $(document).ready(function() {
                $('.botaoMenu').click(function() {
                    alert("Oi");
                });
            });
        </script>
        <table>
            <tbody>
                <tr>
                    <td id="menu">
                        <ul>
                            <li id="1" class="botaoMenu">Menu 1</li>
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>

</html>

$(函数(){});
$(文档).ready(函数(){
$('.botaoMenu')。单击(函数(){
警报(“Oi”);
});
});
    菜单1
整体代码,不包括主要代码:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">


$(document).ready(function(){
    $('.botaoMenu').click(function() {
        // $(this.id).html($(this.id).html+'<ul><li><input type="submit" value="Novo Item"></li></ul>');
        alert("Oi");
        });
});


var id=1;
var menuPrincipal = [];

function itemMenu(idItem,descricao) {
    this.idItem=idItem;
    this.descricao = descricao;
    this.posicao = menuPrincipal.length+1;
    this.link = "";
    this.itensMenuInterno=[];
}


function adicionaBotao()
{           
    //$("#menu").html("tarefa okay");   
    $("#menu").after('<li><a id="'+id+'" onClick="return adicionaItem('+id+');">Menu '+id+'</a></li>'); 
    id++;       
}

function adicionaItemNoMenu()
{   
    /*
    (1)Cria Novo Objeto Item do Menu na lista da de objetos itens do menu, 
    em seguida atualiza o menu
    */
    var instanciaItemMenu=new itemMenu(id,'hi');
    menuPrincipal.push(new itemMenu(id,'Menu '+id));
    this.id=id+1;   
    atualizaMenuControlador();
}

function atualizaMenuControlador()
{   
    /*
    (2)Insere as atualizações processadas pela função atualiza 
    menu enviando o array de objetos de menu
    */
    $("#menu").html(atualizaMenuComClasse(menuPrincipal,"botaoMenu"));  
}


function atualizaMenu(arrayDeListas)
{
    return atualizaMenuComClasse(arrayDeListas,""); 
}


function atualizaMenuComClasse(arrayDeListas,classe)
{   
    /*
    (2.1) Processa objetos do array de objetos de menu (botões do menu) retornando-os em forma
    de Html para serem inseridos no menu.
    */
    var textoFinalDoMenu="";
    if(classe.length==0)
    textoFinalDoMenu=textoFinalDoMenu+'<ul>';    
    else
        textoFinalDoMenu=textoFinalDoMenu+'<ul>';

    for ( var i = 0 ; i < arrayDeListas.length ; i++ ) {
        textoFinalDoMenu=textoFinalDoMenu+'<li class='+classe+' id='+arrayDeListas[i].idItem+'>';
        textoFinalDoMenu=textoFinalDoMenu+arrayDeListas[i].descricao;
        if(arrayDeListas[i].itensMenuInterno>0){
            textoFinalDoMenu=textoFinalDoMenu+atualizaMenu(arrayDeListas);          
        }
        textoFinalDoMenu=textoFinalDoMenu+'</li>';      
    }   
    textoFinalDoMenu=textoFinalDoMenu+'</ul>';
    return textoFinalDoMenu;
}


</script>

</head>
<body>




<table>
<tr>
<td id="menu"></td>
<td id="botao">
<form>
<button value="Adiciona" onclick="adicionaItemNoMenu();return false;">Adiciona1</button>
</form>
</td>
</tr>
</table>

</body>
</html>

$(文档).ready(函数(){
$('.botaoMenu')。单击(函数(){
//$(this.id).html($(this.id.html+'
    • '); 警报(“Oi”); }); }); var-id=1; var menuPrincipal=[]; 功能项菜单(idItem,DescriptCao){ this.idItem=idItem; this.descripcao=descripcao; this.posicao=menuPrincipal.length+1; this.link=“”; this.itensMenuInterno=[]; } 函数adicionaBotao() { //$(“#菜单”).html(“tarefa okay”); $(“#菜单”)。之后(“
    • 菜单”+id+”
    • ); id++; } 函数adicionaitemnenu() { /* (1) Cria Novo Objeto项目菜单, em seguida atualiza o菜单 */ var instanciaItemMenu=newitemmenu(id,'hi'); menuPrincipal.push(新项菜单(id,'Menu'+id)); 这个.id=id+1; atualizaMenuControlador(); } 函数atualizaMenuControlador() { /* (2) 插画为atualizaões processadas pela funço atualiza 菜单环境对象数组菜单 */ $(“#菜单”).html(atualizaMenuComClasse(menuPrincipal,“botaoMenu”); } 函数atualizaMenu(arrayDeListas) { 返回atualizaMenuComClasse(arrayDeListas,“”); } 函数ATUALIZAMENUCOMCLASS(arrayDeListas,CLASS) { /* (2.1)处理菜单项下的对象数组(botões do menu)和对象形式 没有菜单。 */ var textofinaldemon=“”; 如果(类长度==0) textofInaldMenu=textofInaldMenu+'
        '; 其他的 textofInaldMenu=textofInaldMenu+'
          '; 对于(var i=0;i'; textoFinalDoMenu=textoFinalDoMenu+arrayDeListas[i].descripcao; 如果(ArrayListas[i].itensMenuInterno>0){ textofInaldMenu=textofInaldMenu+atualizaMenu(ArrayListas); } textofInaldMenu=textofInaldMenu+''; } textofInaldMenu=textofInaldMenu+'
        '; 返回文本菜单; } 再见
$(function(){
相当于
$(document)。ready(function(){
它正在工作检查。您在测试它的控制台上是否有任何错误?我不使用控制台,有一个javascript的IDE?我在Eclipse的JSP页面中编程它。看:这是
  • 菜单1
  • 是生成的Jquery代码(我正在使用firebug查看生成的HTML代码),这是否是问题的根源,此函数是否不适用于不存在的主代码?