Question

我在为动态添加内容添加类时遇到了一些问题。

这是整个功能：

$("#mainschulden").click(function(){
if(instanse){
    instanse = false;
    $("#maincontent").empty();
    $.ajax({
        type: "POST",
        url:  "schuldenapp.php",
        data:{
            'function': 'mainschulden',
            'sessionid': sessionid,
        },
        dataType: "json",
        success: function(data){
            instanse = true;
            for (i = 0, len = data.schuldenliste.length; i < len; i++){
                var betrag = data.schuldenliste[i]['betrag'];
                var idbetrag = data.schuldenliste[i]['idschuld'];
                var vorname = data.schuldenliste[i]['lendervorname'];
                var nachname = data.schuldenliste[i]['lendernachname'];
                var schuldelement = "<div data-role=\"collapsible\" id=\"" + idbetrag + "\"><h3>" + vorname + " " + nachname + ": CHF " + betrag +"</h3><div data-role=\"controlgroup\" data-mini=\"true\" data-type=\"horizontal\"><input data-role=\"button\" type=\"button\" value=\"accept\" data-icon=\"check\" name=\"" + idbetrag + "\"><input data-role=\"button\" type=\"button\" value=\"decline\" data-icon=\"delete\" name=\""+idbetrag+"\"><input data-role=\"button\" type=\"button\" value=\"payed\" data-icon=\"star\" name=\""+idbetrag+"\"></div></div>";
                $("#maincontent").append(schuldelement);
                $("#" + idbetrag).addClass("burrower_accept");
            }
            $("#maincontent").enhanceWithin();
        },
    });
}

}）;

我在内容div中添加了许多元素，但是如果我想将类添加到可折叠div的id中，它将被忽略。

浏览器中的结果如下：

<div data-role="controlgroup" data-mini="true" data-type="horizontal" class="ui-controlgroup ui-controlgroup-horizontal ui-corner-all ui-mini"><div class="ui-controlgroup-controls "><div class="ui-btn ui-input-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-first-child">accept<input data-role="button" type="button" value="accept" data-icon="check" name="5634cebf18ec82.75828423"></div><div class="ui-btn ui-input-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-icon-left">decline<input data-role="button" type="button" value="decline" data-icon="delete" name="5634cebf18ec82.75828423"></div><div class="ui-btn ui-input-btn ui-corner-all ui-shadow ui-icon-star ui-btn-icon-left ui-last-child">payed<input data-role="button" type="button" value="payed" data-icon="star" name="5634cebf18ec82.75828423"></div></div></div>

正如我们所看到的，HTML中没有该类，控制台也不会抛出错误消息。

请你告诉我我哪里做错了？

Answer 1

要将类添加到动态ID，请执行此操作

 $('#'+ idbetrag+'').addClass('burrower_accept');

而不是

 $("#" + idbetrag).addClass("burrower_accept");

JQuery Mobile，将类添加到动态id

1 个答案: