fluig forum

Versão atual:

Modal só funciona no Firefox

Bom dia, configurando uma interação tenho costume de usar o firefox para testar e utilizando a ferramenta modal não tive problemas. Porem ao testa-la no Google Chrome o modal não funciona e nem é apresentado erro no console, oque é bem estranho.

firefox: 78.0.2 (64-bits) Google Chrome: Versão 83.0.4103.116

function ValidaDataset() {

    console.log("Modal");

    var myModal = FLUIGC.modal({
        title: 'Aviso',
        content: 'Selecione o tipo de <b>Industrialização</b> que deseja enviar.',

        id: 'fluig-modal',
            actions: [{
                'label' : 'Industrialização',
                'bind' : "data-add-modal-1",
                'autoClose': true,
            },{
                'label' : 'Compra de Equip. Modelagem',
                'bind' : "data-add-modal-2",
                'autoClose': true,
            }]
    }, function() {

        $("#fluig-modal").find("button[data-add-modal-1]").on("click", function() {

            let valorCampo = '1';
            console.log("Valor campo" + valorCampo);
            $("#testeform").val(valorCampo);
        })

         $("#fluig-modal").find("button[data-add-modal-2]").on("click", function() {

            let valorCampo = '2';
            console.log("Valor campo" + valorCampo);
            $("#testeform").val(valorCampo);
        })




    }        
    );
}


function ValidaOrcamento() {

    console.log("ModalOrçamento");

    var myModal = FLUIGC.modal({
        title: 'Aviso',
        content: 'Por favor anexar o <b> "Datasheet" </b> folha de especificações do produto.',

        id: 'fluig-modal',
            actions: [{
                'label' : 'Close',
                'bind' : "data-add-modal-3",
                'autoClose': true,
            }]
    }, function(err, data) {
        if(err) {
            // do error handling
        } else {
            // do something with data
        }
    }        
    );
}
 <div class="col-md-3">
                            <label for="resolvido">Tipo de necessidade: <FONT COLOR="red">*</FONT> </label>
                            <select name="tipoNecessidade" id="tipoNecessidade" addBlankLine="false"
                                class="form-control">
                                <option value="">Selecione...</option>
                                <option value="tipoNecessidadeCompraMaterial">Compra de material</option>
                                <option value="tipoNecessidadeOrcamento" onclick="ValidaOrcamento()">Orçamento</option>
                                <option value="tipoNecessidadeContraServico">Contratação de serviço</option>
                                <option value="tipoNecessidadeMaterialServico">Compra de Material / Serviço</option>
                                <option value="tipoNecessidadeRemessa">Remessa para conserto</option>
                                <option value="tipoNecessidadeGarantia">Garantia</option>
                                <option value="tipoNecessidadeSimplesRemessa">Simples Remessa</option>
                                <option value="tipoNecessidadeIndustrializacao" onclick="ValidaDataset()" >Equip. Modelagem</option>

                            </select>

                        </div>

modal.png

Versões (3):

Ver a versão formatada

Modal só funciona no Firefox

Comentário

new question