Question

当我尝试将一些HTML附加到div元素时，我遇到了麻烦。在Firefox（34.0.5）中工作正常，但在Internet Explorer 8中没有。我在SO中找到了一些解决方案，但它们并没有很好地解决问题。我正在做的是从更改事件的组合框调用JS函数：

<select id="ddlCantidadImagenes" name="ddlCantidadImagenes" onchange="CargarDivIngreso(value)" style="margin: 2px; float: left">
                <option value="1">1</option>
                <option value="2" selected="selected">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>

然后，该函数从组合框中获取值并在switch语句中使用它。每个案例都附加HTML代码，这是一个例子：

case "1":
        {
            $('#ddlImagenes').hide();
            $("div").remove(".removable");

            for (var i = 0; i < parseInt(seleccion); i++) {
                $("#idPanel").append(
                '<div class="removable">' +
                '<div style="float: left; width: 530px; margin-top: 4px;">' +
                '<div style="width: 75px; margin: 2px; float: left;">' +
                '<label>' +
                'Desktop</label>' +
                '</div>' +
                '<input class="obligatorioImagen" type="text" id="tbImagenDesktop' + i + '" name="tbImagenDesktop' + i + '" style="margin: 2px;' +
                'width: 165px; float: left;" /><a href="#" id="btnBuscarPrincipal" style="margin: 2px; float: left;">' +
                '<img src="../_Imgs/ElegirH.png" alt="" style="border-style: none; border-width: 0px;' +
                'border-color: White;" /></a>' +
                '</div>' + 
                '<div style="float: left; width: 530px; margin-top: 4px;">' +
                '<div style="width: 75px; margin: 2px; float: left;">' +
                '<label>' +
                'Mobile</label>' +
                '</div>' +
                '<input class="obligatorioImagen" type="text" id="tbImagenMobile' + i + '" name="tbImagenMobile' + i + '" style="margin: 2px;' +
                'width: 165px; float: left;" /><a href="#" id="btnBuscarThumbnail" style="margin: 2px; float: left;">' +
                '<img src="../_Imgs/ElegirH.png" alt="" style="border-style: none; border-width: 0px;' +
                'border-color: White;" /></a>' +
                '</div>' +
                '<div style="float: left; width: 530px; margin-top: 4px;">' +
                '<div style="width: 75px; margin: 2px; float: left;">' +
                '<label>' +
                'Tablet</label>' +
                '</div>' +
                '<input class="obligatorioImagen" type="text" id="tbImagenTablet' + i + '" name="tbImagenTablet' + i + '" style="margin: 2px;' +
                'width: 165px; float: left;" /><a href="#" id="A1" style="margin: 2px; float: left;">' +
                '<img src="../_Imgs/ElegirH.png" alt="" style="border-style: none; border-width: 0px;' +
                'border-color: White;" /></a>' +
                '</div>' +
                '<div style="float: left; width: 530px; margin-top: 4px;">' +
                '<div style="width: 75px; margin: 2px; float: left;">' +
                '<label>' +
                'Url</label>' +
                '</div>' +
                '<input type="text" id="tbUrl' + i + '" name="tbUrl' + i + '" style="margin: 2px;' +
                'width: 165px; float: left;" /><label id="mensajeUrl" runat="server" style="font-size:12px; color:Red; font-weight:bold; margin-top:100px"></label>' +
                '</div>' +
                '</div>' +
                '</div>'
            );

            }

            break;
        }

注意：＆＃34; seleccion＆＃34;是组合的价值。

起初，我认为这是＆＃34; onchange（）＆＃34;导致我麻烦的事件。但它不是那样，它到达了JS部分。实际上，我调试它并且它到达.append（）函数，而不会抛出任何错误。但没有任何反应。我希望你能帮助我。

提前致谢！

jQuery .append（）在IE8中不起作用

0 个答案: