如果条件,jQuery对话框在内部不起作用

时间:2014-06-23 05:37:18

标签: javascript jquery

这是我的jQuery函数,后跟HTML代码。

$(document).ready(function() {
$('#submit').click( function() {
        var size = $('#file')[0].files[0].size;

        if(size > 100000) 
        {
            alert("Filesize is larger. Please try again.");
        }
  });

});

<div id="dialog" title="Message" style="display: none">
    <p>File size larger.</p>
</div>

如果我将alert()替换为$( "#dialog" ).dialog();则不起作用。但是,如果$( "#dialog" ).dialog();位于其if()之外的位置。我面临的问题是否有解决办法?

感谢任何形式的帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

试试这个:

$(document).ready(function() {
$('#submit').click( function() {
var size = $('#file')[0].files[0].size;
if(size > 100000) 
        {
         document.getElementById("dialog").innerHTML = "Filesize is larger. Please try again.;"
        }
  });
});


<div id="dialog" title="Message"></div>

DEMO:http://jsfiddle.net/8L2S4/

希望它有效。