Jquery不加载模态和由.html bootstrap模态添加的模态

时间:2016-03-07 15:08:52

标签: jquery ajax

伙计们,我是编程新手,我需要你的帮助。好吧,我使用jquery ajax为了从Rest Api获取json我拿了JSON并把它放在一个html字符串中然后我添加了.html。问题是当我点击表格中的一行并且我无法显示任何模态时,我无法获得活动。



function casosCRM(){

    if($("#seccionPerfil").val()==""){
        $('#texto_popup_error').html("Debe ingresar seccion en la pestaña Perfil");
        $('#errorIngreso').modal('show');
    }else {
        $.ajax({
            url: 'get_crm.php',
            type: 'GET',
            data: {
                seccionPerfil: $("#seccionPerfil").val()
            },
            dataType: 'json',
            success: function (JSON) {
                if (JSON.resultado == "false") {
                    $('#texto_popup_error').html("Usuario o contraseña incorrectos");
                    $('#errorIngreso').modal('show');
                } else {
                    var j;
                    var i;
                    var options = '';
                    var optionsTable = '';

                    optionsTable += '<table id="tableCRM" class="table table-bordered table-hover">';
                    optionsTable += '    <thead class="btn-primary">';
                    optionsTable += '        <tr>';
                    optionsTable += '            <th>ID</th>';
                    optionsTable += '            <th>Cliente</th>';
                    optionsTable += '            <th>Fecha Ingreso</th>';
                    optionsTable += '            <th>Asignado a:</th>';
                    optionsTable += '        </tr>';
                    optionsTable += '    </thead>';
                    optionsTable += '    <tbody>';
                   
                    for (j = JSON.resultadoWS[0].resultado_busqueda.length-1; j >= 0 ; j--) {

                        optionsTable += '        <tr data-toggle="modal" data-id="'+ j +'" data-target="#CRMmodal' + j + '">';
                        optionsTable += '            <td>' + j + '</td>';
                        optionsTable += '            <td>' + JSON.resultadoWS[0].resultado_busqueda[j].cliente + '</td>';
                        optionsTable += '            <td>' + JSON.resultadoWS[0].resultado_busqueda[j].fecha_ingreso + '</td>';
                        optionsTable += '            <td>' + JSON.resultadoWS[0].resultado_busqueda[j].asignado+ '</td>';
                        optionsTable += '        </tr>';
                        //alert(j);

                        options += '<div id="' + j + '" class="modal hide fade" role="dialog" aria-labelledby="CRMModalLabel" aria-hidden="true">';
                        //alert(options);
                        options += '<div class="modal-header">';
                        options += '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>';
                        options += '<h1>Información CRM: Casos/Tickets</h1>';
                        options += '<div id="CRMCaso" class="modal-body"></div>';
                        options += '<div id="Casos" class="modal-body"></div>';
                        options += '<div class="modal-footer">';
                        options += '<button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>';
                        options += '</div>';
                        options += '</div>';
                        //Input de cliente
                        options += '<div class="hr"></div>';
                        options += '<div class="b-row">';
                        options += '    <div class="span12">';
                        options += '       <div class="field">';
                        options += '            <i class="fa fa-child icon-right"></i>';
                        options += '            <input name="caso' + j + '" type="text" autocomplete="off" placeholder="' + 'Cliente: ' + JSON.resultadoWS[0].resultado_busqueda[j].cliente
                            + '" readonly="readonly" >';
                        options += '        </div>';
                        options += '    </div>';
                        options += '</div>';
                        options += '<div class="hr"></div>';


                        //Input descripcion

                        options += '<div class="b-row">';
                        options += '    <div class="span12">';
                        options += '       <div class="field">';
                        options += '            <i class="fa fa-child icon-right"></i>';
                        options += '            <input name="descripcion' + j + '" type="text" autocomplete="off" placeholder="' + 'Descripción: ' + JSON.resultadoWS[0].resultado_busqueda[j].descripcion
                            + '" readonly="readonly" >';
                        options += '        </div>';
                        options += '    </div>';
                        options += '</div>';

  
                    optionsTable += '    </tbody>';
                    optionsTable += '</table>';
                    optionsTable += '</div>';
                    optionsTable += '</br>';
                    optionsTable += '</br>';
                    optionsTable += options;

                    //alert(optionsTable);
                    //Inyecta codigo html al DOM
                    $('#opcionesReferencias2').html(optionsTable);
&#13;
<div id="opcionesReferencias3"   class="btn-group-vertical-justified" data-toggle="buttons">
</div>
&#13;
&#13;
&#13;

我试图使用$(&#34;#1&#34;)。modal(&#39; show&#39;)来显示模态,并且在clic中不起作用。

0 个答案:

没有答案