Question

我正面临一个奇怪的场景，关于GIF图像有时出现，有时候没有出现在DIV中。我想我的代码做错了。让我解释一下......

我有一个名为＆＃34; funcJquery.js＆＃34;的文件名。在该文件中，我有以下代码：

// Function - Diaglog box.
progressCircle = function()
{       
    $('<div id="myDivProgressPlugIn" class="divProgressCirclePlugIn" style="text-align:center; color:darkgray;"  style="border-radius:30px;height:100px;width:100px;">' +
            "Please wait!  Processing ... <br /><br />" +
           '<img src="/include/images/progress_indicator.gif"  alt="divProgressCirclePlugIn"/>' + 
            "</div>").appendTo('body')
        .dialog({
            modal: true,
            autoOpen: true,
        }).siblings('.ui-dialog-titlebar').remove();

    }

在我的页面中（说＆＃34; index.html＆＃34;）有这个代码包含该文件和Jquery：

<link rel="stylesheet" href="/include/jquery/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="/include/Jquery/jquery-1.11.1.js"></script>
<script type="text/javascript" src="/include/Jquery/jquery-ui-1.11.0.js"></script>
<script type="text/javascript" src="/include/funcJquery.js"></script>

然后我有两个按钮，＆＃34;批准＆＃34;和＆＃34;拒绝＆＃34;。每个按钮都是单独的形式（您可以在下面的Jquery代码中看到）：

<SCRIPT LANGUAGE="JavaScript">
$(document).ready(function() {

    $("#Deny").on("click", function()
    {
        //alert("test1");
        progressCircle();
        document.forms["form2"].submit();
        return false;

    })

    $("#Approve").on("click", function()
    {
        //alert("test1");
        progressCircle();
        document.forms["form1"].submit();
        return false;

    })
});
</script>

当我点击＆＃34;批准＆＃34;或＆＃34;拒绝＆＃34;按钮，它实际上加载对话框DIV＆＃34; myDivProgressPlugIn＆＃34;在包含文件（funcJquery.js）中。它还显示消息＆＃34;请稍候！进步......＆＃34;但是，有时它会显示图像＆＃34; progress_indicator.gif＆＃34;并且大多数时候它显示了班级名称＆＃34; divProgressCirclePlugIn＆＃34;而不是GIF。我无法弄清楚它有什么问题。请帮助或建议我应该尝试什么。

提前致谢。

DIV中的图像有时不显示

0 个答案: