Jquery 按未运行的类在元素中执行函数
我不能运行这段代码,Jquery是可以的,我是在$(文档)中完成的,因为在网站上读到了一些建议,我忘记了链接。问题是它不能运行。。对不起,如果这是一个愚蠢的问题,我不是一个前端程序员-请忽略onclick=“adicionaItemNoMenu();return false;”内部按钮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
<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页面中编程它。看:这是