Question

我需要在打开bootstrap3模式框时使用jQuery .js加载外部getfile();文件。

JS：

 $(document).ready(function () {
var stillPresent = false;
$('#myModal').on('shown.bs.modal', function (e) {
        $.getScript("http://localhost/user/js/data.js");

        if(stillPresent == false){
               $('#us2').locationpicker({
            location: {
                latitude: 35.722606,
                longitude: 51.3843825
            },
            radius: 300,
            inputBinding: {
                latitudeInput: $('#us2-lat'),
                longitudeInput: $('#us2-lon'),
                radiusInput: $('#us2-radius'),
                locationNameInput: $('#us2-address')
            }
        });
        }
    })

});

HTML：

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>

问题：此代码NOT在打开modalbox后加载.js文件。我需要在点击并打开模态框后加载data.js。

如何修复我的代码并加载它？

Answer 1

我认为这是一个同步问题，因为您在脚本加载后没有使用回调，getScript的第二个参数是success回调。

$.getScript( "http://localhost/user/js/data.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log( "Load was performed." );
});

看看是否发生这种情况，并在回调中继续您的代码，因为它符合您的需求。

最佳。

jQuery getfile（）;在bootstrap模式框中

1 个答案: