Question

我正在使用php.My链接从控制器生成。

$ retailer [“url”]，如0125myimage.jpg

<a onClick="crop('.$retailer["url"].')" data-target="#styledModal3" href="#" class="fa fa-edit lupa"></a>

我的javascript函数

function crop(imgurl)
{
    $('#preview').attr('src',imgurl);

    $('div#styledModal3').load(function(){

        $(this).modal({

            keyboard:true,
            backdrop:true
        });
    }).modal('show');

}

当我点击我的链接时，模态不显示。

Answer 1

.modal（'show'）在模态初始化之前调用$（this）.modal（{

你在$（'div＃styledModal3'）中用作参数的函数.load（只是一个成功回调，它只在加载完成后触发。所以在你试图显示你的模态之后调用初始化。

您的代码应如下所示

function crop(imgurl)
{
    $('#preview').attr('src',imgurl);

    $('div#styledModal3').load(function(){

        $(this).modal({

            keyboard:true,
            backdrop:true,
            show: true
        });
    });

}

Bootstrap模态不显示

1 个答案: