无法访问动态生成的元素:这是我的json请求函数:
$.getJSON('/getJSON.php?selectorcat='+var1, function(jsonData){
var LI_list_html = '';
var sum = 0;
if(jsonData[0])
{
$.each(jsonData, function(i,value)
{
var catname = jsonData[i].name;
var id = jsonData[i].id;
var DIV_html = catname;
LI_list_html = LI_list_html+'<li class="selectorsub" data-catselectsub="'+id+'" id="SelectorSubcat_'+id+'">'+DIV_html+'</li>';
});
}
else
{
LI_list_html = 'No subcats there..';
}
Run Code Online (Sandbox Code Playgroud)
所以,当我得到这样生成的HTML:
<ul>
<li class="selectorsub" data-catselectsub="169" id="SelectorSubcat_169">CAT1</li>
<li class="selectorsub" data-catselectsub="170" id="SelectorSubcat_170">CAT2</li>
<li class="selectorsub" data-catselectsub="171" id="SelectorSubcat_171">CAT3</li>
<li class="selectorsub" data-catselectsub="172" id="SelectorSubcat_172">CAT4</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我无法访问li元素:
$("[id^=SelectorSubcat_]").click(function() {
alert($(this).data('catselectsub'));
});
Run Code Online (Sandbox Code Playgroud)
我认为生成的元素不是现成的DOM,这就是为什么无法访问它们.
jquery ×1