Bootstrap模式仅在函数完成后显示,但在我调用它时不显示

时间:2014-12-05 14:22:38

标签: javascript jquery ajax twitter-bootstrap modal-dialog

我正在为我的工作创建一个HTML5工具。

我的目标是: 点击Go!按钮。显示模态。通过启动每个循环开始获取所有输入位置的lat的过程,并通过ajax请求获取位置lat / lon,并在完成这些操作后关闭模态。

可以使用按钮TEST显示模态,也可以在功能结束后显示,但不能在启动时显示。

$(document).ready(function () {



$('#pleaseWaitDialog').click(function () {
        $('#pleaseWaitDialog').modal('hide');
    });


    $('#csvImportBtn').click(function () {
        $('#pleaseWaitDialog').modal('show');
        var csvText = $('#csvUpload').val();
        var data = csvUpload(csvText);
        $('#status').html('Getting lat long for: ' + data.length + 'devices...');
        getLatLon(data);


    });


});

Here是完整页面的小提琴,它似乎对jsfiddle不起作用,但我可以在普通的HTML页面中运行它而没有错误。

我在Chrome版本38.0.2125.111 m'中测试了这个。

任何人都可以建议我如何在流程开始时显示它(点击Go后!)?因为我现在很迷茫。

编辑: 这是要粘贴在textarea中的testdata:

device_id,address,city
118001,Wipmolenweg 13,Almere
118002,Wipmolenweg 14,Almere
118003,Wipmolenweg 15,Almere
118004,Wipmolenweg 16,Almere
118005,Wipmolenweg 17,Almere
118006,Wipmolenweg 18,Almere
118007,Wipmolenweg 19,Almere
118008,Wipmolenweg 20,Almere
118009,Wipmolenweg 21,Almere
118010,Wipmolenweg 22,Almere

编辑:仍然卡住..任何人都可以帮忙吗?还更改了标题以获得更好的描述。

0 个答案:

没有答案