使用点击修改呈现页面

Question

我遇到了Confluence中的某个jQuery的问题。 我有这样的代码：

## @param pmname:title=Name(select)|required=true|type=string 

<script> 
AJS.toInit(function() { 

$(".sectionMacroWithBorder").not(":contains('$parampmname')").addClass("hidden"); 

}); 

</script> 

其中一期工程只是完美 - 隐藏不包含给定文本的所有部分。 然而，当我尝试创建一个按钮来激活点击

## @param pmname:title=Name(select)|required=true|type=string 

<script> 
AJS.toInit(function() { 

$('.wiki-content').append('<button id="addnew" type="button">$parampmname</button> '); 

$('addnew').on('click', 'button', function() { 

$(".sectionMacroWithBorder").not(":contains('$parampmname')").addClass("hidden"); 
    }); 

}); 

</script> 

jQuery的同一代码创建页面没关系底部的按钮，但没有任何反应的点击与给出的相同的变量第一个例子。我也尝试了.on .

.addnew和#addnew这里有一个小提琴（感谢马克Schultheiss！）一起工作类似的按钮：http://jsfiddle.net/Cecfu/1/

我是不是做错了什么或者是合流的jQuery特征模拟？

Answer 1

这样的：

$('addnew').on('click', 'button', function() { ... 

应该是：

$('#addnew').on('click', function() { .... 

因为button有id="addnew"而不是#addnew

一个孩子或者，如果你愿意，你可能最终做：

$('.wiki-content').on('click', '#addnew', function() { ... 

...与id="addnew"

Answer 2

尝试#addnew的点击收听

AJS.toInit(function() { 

$('.wiki-content').append('<button id="addnew" type="button">$parampmname</button> '); 

$('#addnew').on('click', 'button', function() { 

$(".sectionMacroWithBorder").not(":contains('$parampmname')").addClass("hidden"); 
}); 

});