无法访问动态生成的元素

通畅

无法访问动态生成的元素:这是我对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..';
        }

所以当我得到这样生成的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>

我不能接受这种限制因素:

$("[id^=SelectorSubcat_]").click(function() {
   alert($(this).data('catselectsub'));
});

我认为生成的元素还不是现成的DOM,这就是为什么不能加入它们的原因。

萨帕尔

事件处理程序仅绑定到当前选定的元素;它们必须在您的代码进行事件绑定调用时在页面上存在。

动态创建元素时,需要使用.on()委托事件方法使用事件委托。

IE

$(document).on('event','selector',callback_function)

例子

$(document).on('click', "[id^=SelectorSubcat_]", function(){
    //Your code
});

代替document您应该使用最近的静态容器以获得更好的性能。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery,无法访问动态生成的元素的CSS属性

来自分类Dev

Javascript:无法访问函数外部的响应对象和动态生成的html元素

来自分类Dev

Dart:无法访问动态设置的元素ID

来自分类Dev

无法访问容器的元素

来自分类Dev

无法访问数组的元素

来自分类Dev

无法访问ForeignKey元素

来自分类Dev

无法访问数组元素

来自分类Dev

元素+元素无法访问:伪之前

来自分类Dev

无法访问动态生成的下拉列表项。它是未定义的

来自分类Dev

动态加载时无法访问$ _GET

来自分类Dev

对象文字:无法访问动态DOM

来自分类Dev

灰烬无法访问动态细分参数

来自分类Dev

无法访问密钥生成的.pub文件

来自分类Dev

无法访问li元素内的跨度?

来自分类Dev

我无法访问Web元素的文本

来自分类Dev

无法访问嵌套字典元素python

来自分类Dev

Java:无法访问对象的元素

来自分类Dev

指令无法访问被包含的元素?

来自分类Dev

元素ID无法访问javascript

来自分类Dev

无法访问函数内部的元素

来自分类Dev

无法访问php数组的元素

来自分类Dev

无法访问javascript中的元素(空)

来自分类Dev

无法访问被单击的元素

来自分类Dev

无法访问新的React本机元素

来自分类Dev

硒无法访问隐藏的元素

来自分类Dev

PHP数组循环-无法访问元素

来自分类Dev

无法访问选择元素javascript的属性

来自分类Dev

无法访问被单击的元素

来自分类Dev

无法访问React中的数组元素