Javascript Jquery Mobile Slider在将HTML动态附加到Div后不会滑动

我想得到一个json，其中包含页面加载时多个jquery移动滑块的标题和值。我可以动态生成滑块HTMLs以附加到页面上的Div并指定正确的值，但滑块不会滑动。我错过了什么

HTML:

---

Nvm，我刚刚读了更多关于滑块的jquery文档，发现我需要打电话

mySlider.trigger("create");

$(document).ready(function () {
        $.getJSON('CompHandler.ashx', function (data) {
            if (data.length > 0) {
                var mySlider = $('#mySlider');
                $.each(data, function (index, json) {
                    var mySliderHTML = $('#mySliderHTML').html(),
                    cID = json.cid,
                    name = json.name,
                    compValue = json.value,
                    percent = compValue + "0%";
                    htmlToAppend = mySliderHTML.replace(/#\{id\}/g, cID).replace(/#\{CompName\}/g, name).replace(/#\{value\}/g, compValue).replace("width: 0%", "width: " + percent).replace("left: 0%", "left: " + percent);
                    $('#' + cID).val = compValue; // This didn't do anything.
                    mySlider.append(htmlToAppend);
                });

            }
        });
    });

mySlider.trigger("create");