Javascript JSP页面中的FlexBox_Javascript_Jquery_Jsp

Javascript JSP页面中的FlexBox

javascript jquery jsp

Javascript JSP页面中的FlexBox,javascript,jquery,jsp,Javascript,Jquery,Jsp,我有以下一页： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Open Inn Management Site

我有以下一页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Open Inn Management Site</title>
<link href="http://www.openjs.com/scripts/ui/calendar/calendar.css" type="text/css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="css/jquery.flexbox.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
<script type="text/javascript" src="js/jquery.flexbox.min.js" />

<script type="text/javascript">  
    $.ready(function() {   
        alert("welcome");
        $('#fb').flexbox('json.jsp');   
    });  
</script> 

<SCRIPT LANGUAGE="JavaScript" SRC="http://www.openjs.com/scripts/ui/calendar/calendar.js"></SCRIPT>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />

</head>

<body>

                <div id="fb">
                    <input type="hidden" id="fb_hidden" name="fb" value="">
                    <input id="fb_input" autocomplete="off" class="fb-input watermark" style="width: 183px; ">
                    <span id="fb_arrow" class="fb-arrow out"></span>
                    <div id="fb_ctr" style="width: 202px; top: 22px; left: 0px; display: none; " class="fb">
                    <div class="content"></div>
                    <div></div>
                    </div>
                </div> 
</body>
</html>


开放式酒店管理网站
$.ready（函数（）{
警惕（“欢迎”）；
$（'#fb'）.flexbox（'json.jsp'）；
});

以及以下json.jsp：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
</head>
<body>
<%@ page contentType="application/json" %>
<%@ page pageEncoding="UTF-8" %>
<%
  int i=1;
  String s="test";
  String a="{\"results\":[{\"id\":"+i+",\"name\":\""+s+"\"}]}";
  System.out.println(a);
%>

</body>
</html>

css和js的所有目录都是正确的。。。问题是为什么它现在显示一个组合框？我做错了什么？我认为未调用ready函数是因为警报未显示。

有三个问题：

您需要

$（document）.ready（）

，而不是

$.ready（）

（如许多jQuery教程中所述）

（确保

%>

和

之间没有换行符我做了上面的所有更改，但仍然…同样的事情问题出在其他地方。使用Firebug调试HTTP请求。发生了什么和没有发生什么？所有样式和脚本加载是否正确？所有脚本是否执行时没有错误？等等。将来，请请不要更改问题中的代码。现在我的答案毫无意义。我已回滚编辑。
<script type="text/javascript">  
    $(document).ready(function() {   
        alert("welcome");
        $('#fb').flexbox('json.jsp');   
    });  
</script> 

<%@ page contentType="application/json" pageEncoding="UTF-8" %><%
    int i = 1;
    String s = "test";
    String a = "{\"results\":[{\"id\":" + i + ",\"name\":\"" + s + "\"}]}";
    out.print(a);
%>