如何同时执行两个jquery函数_Jquery

如何同时执行两个jquery函数

jquery

如何同时执行两个jquery函数,jquery,Jquery,我创建了一个代码，在其中我在jquery模型框中显示一个图像并对其执行裁剪。但是当我在裁剪功能中访问图像时，图像没有显示在模型框中这是密码 <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>Image Cropper</title> <link typ

我创建了一个代码，在其中我在jquery模型框中显示一个图像并对其执行裁剪。但是当我在裁剪功能中访问图像时，图像没有显示在模型框中

这是密码

 <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>



        <title>Image Cropper</title>

<link type="text/css" href="css/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="js/ui.core.js"></script>
    <script type="text/javascript" src="js/ui.dialog.js"></script>
    <script type="text/javascript" src="js/effects.core.js"></script>
    <script type="text/javascript" src="js/effects.highlight.js"></script>
    <script type="text/javascript" src="js/jquery.bgiframe.js"></script>

        <script src="jquery.Jcrop.min.js"></script>
        <link rel="stylesheet" href="jquery.Jcrop.min.css" type="text/css" />
        <script language="Javascript"> 

         $(function() {


        $("#dialog").dialog({
            bgiframe: true,
            autoOpen: false,
            height: 300,
                        width:300,
            modal: true


        });

        $('#ok').click(function() {
            $('#dialog').dialog('open');
        })
                jQuery('#target').Jcrop({           
                   onSelect : setCoordinates        
                });
                function setCoordinates(c) {
                //alert("x " + c.x + " y " + c.y);      
                //alert("w " + c.w + " h " + c.h);      
                document.myForm.x.value = c.x;      
                document.myForm.y.value = c.y;      
                document.myForm.w.value = c.w;      
                document.myForm.h.value = c.h;  
            };  
            function checkCoordinates() {       
                if (document.myForm.x.value == "" || document.myForm.y.value == "") {           
                    alert("Please select a crop region");           
                    return false;       
                } else {            
                    return true;        
                }   
            };
    });






        </script>
          <style type="text/css">
        body { font-size: 62.5%; }
        </style>
    </head>
    <body>
        <h1>Hello World!</h1>
        <input type="button" id="ok" value="Upload"/>
<div id="dialog" title="Please Crop The Image">

   <img src="com.jpg"  alt="image not retrieved" id="target" />  

    <form name="myForm" action="cropper.jsp" method="post" onsubmit="return      checkCoordinates();">
            <input type="hidden" name="x" value=""/>        
            <input type="hidden" name="y" value=""/>        
            <input type="hidden" name="w" value=""/>        
            <input type="hidden" name="h" value=""/>        
            <input type="submit" value="Crop Image"/>   
        </form>
   </div>
    </body>
</html>


图像裁剪器
$（函数（）{
$（“#对话框”）。对话框({
bgiframe：是的，
自动打开：错误，
身高：300，
宽度：300，
莫代尔：对
});
$（'#确定'）。单击（函数（）{
$（'dialog'）。dialog（'open'）；
})
jQuery（'#target'）.Jcrop（{
onSelect:setCoordinates
});
函数集合坐标（c）{
//警报（“x”+c.x+“y”+c.y”）；
//警报（“w”+c.w+“h”+c.h”）；
document.myForm.x.value=c.x；
document.myForm.y.value=c.y；
document.myForm.w.value=c.w；
document.myForm.h.value=c.h；
};  
函数checkCoordinates（）{
如果（document.myForm.x.value==“”| | document.myForm.y.value==“”）{
警报（“请选择作物区域”）；
返回false；
}否则{
返回true；
}   
};
});
正文{字体大小：62.5%；}
你好，世界！

试试这个

 $('#ok').click(function() {
      $('#dialog').dialog('open');
      $('#target').Jcrop({           
          onSelect : setCoordinates        
      });
 });

可能重复：我使用检查您的代码，效果良好；jquery-ui-1.8.10.custom.css、1.7.2.jquery.min.js、jquery-ui-1.8.7.custom.min.js