0
我想使用valums上傳（http://valums.com/ajax-upload/），但上傳區域不可見。我的代碼是：jQuery，jsp，valums上傳 - 上傳區域不可見
main.jsp中
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@page contentType="text/html; charset=UTF-8"%>
<head>
<title>NET Waiter By KiT</title>
<script type="text/javascript" src="/admin/JQuery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/admin/JQuery/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="/admin/JQuery/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/admin/JQuery/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/admin/JQuery/ui/jquery.ui.accordion.js"></script>
<script type="text/javascript" src="/admin/JQuery/ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="/admin/JQuery/ui/jquery.ui.timepicker.js"></script>
<script type="text/javascript" src="/admin/JQuery/ui/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="/admin/JQuery/jquery.jqGrid/js/jquery.jqGrid.js"></script>
<script type="text/javascript" src="/admin/JQuery/jquery.jqGrid/js/i18n/grid.locale-hu.js"></script>
<link rel="stylesheet" type="text/css" href="/admin/style/themes/base/jquery.ui.all.css">
<link rel="stylesheet" type="text/css" href="/admin/style/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="/admin/style/themes/main.css">
<link rel="stylesheet" type="text/css" href="/admin/JQuery/jquery.jqGrid/css/ui.jqgrid.css">
<script type="text/javascript">
$(document).ready(function(){
var ajax_load = "Betöltés...";
$("#hrefUnits").click(function() {
$("#content").html(ajax_load).load("/admin/JSP/BaseDates/units.jsp");
});
</script>
</head>
<body>
<div id="container">
<div id="navCol">
<div id="mainmenu">
<h3 id="administration"><a href="#">Adminisztráció</a></h3>
<div>
<p>Rendszer paraméterek, adatok menedzselése</p>
<ul>
<li>System params</li>
<ul>
<li><a href="#" id="hrefMeals">Meals</a></li>
<li><a href="#" id="hrefUnits">Units</a></li>
</ul>
<br/>
</ul>
</div>
<h3 id="other"><a href="#">Other</a></h3>
<div>
<p>Other Action</p>
<ul>
<li><script type="text/javascript" src="/admin/JQuery/ui/themeswitchertool.js"></script>
<div id="switcher"></div></li>
<li><a href="/admin/index.jsp">Exit</a></li>
</ul>
</div>
</div> <!-- div mainmenu -->
</div> <!-- div navCol -->
<div id="content">
</div> <!-- div content -->
</div>
unit.jsp
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
$(document).ready(function(){
jQuery("#unitsTable").jqGrid({
jsonReader:{
repeatitems: false,
root: 'rows',
page: 'page',
cell: 'cell',
id: 'id'
},
url:'/admin/UnitsServlet',
mtype: 'GET',
datatype: 'json',
loadonce:true,
colNames:['Name', 'Shortname', 'Comment', 'Status'],
colModel:[
{name:'name', index:'name', editable: true},
{name:'shortname', index:'shortname', align: 'right', editable: true},
{name:'comment', index:'commnet', editable: true},
{name:'status', index:'status', align:'center', width: 70,
editable:true, edittype:"select", editoptions:{value:
"ACTIVE:ACTIVE;INACTIVE:INACTIVE"
},
hidden: true
},
],
sortname: 'name',
rowNum:25,
rowList: [5, 10, 25],
caption: "Mértékegység lista",
hidegrid: false,
height: 590,
width: 690,
pager: "#unitsTablePager",
viewrecords: true,
editurl: "/admin/UnitsServlet",
// multiselect: true,
}).navGrid('#unitsTablePager', {edit:true, add:true, del:true, search:true},
{ //edit options
afterSubmit: function(){
jQuery("#unitsTable").setGridParam({datatype: 'json', page: 1});
return [true, ''];
},
reloadAfterSubmit: true,
},
{ //add options
afterSubmit: function(){
$(this).setGridParam({datatype: 'json', page: 1});
return [true, '', false];
},
reloadAfterSubmit: true,
// closeAfterAdd: true
},
{ //delete options
afterSubmit: function(){
jQuery("#unitsTable").setGridParam({datatype: 'json', page: 1});
return [true, ''];
},
reloadAfterSubmit: true,
},
{ //search options
}
).navSeparatorAdd('#unitsTablePager', {
}).navButtonAdd('#unitsTablePager', {
caption: 'XLS',
buttonicon: 'none',
onClickButton: function(){
jQuery("#unitsTable").excelExport({
url:'/admin/Export?listtype=listallnotdeletedunits&type=XLS'
});
},
title: 'Lista mentés Excel-be',
}).navSeparatorAdd('#unitsTablePager', {
}).navButtonAdd('#unitsTablePager', {
caption: 'PDF',
buttonicon: 'none',
onClickButton: function(){
jQuery("#unitsTable").excelExport({
url:'/admin/Export?listtype=listallnotdeletedunits&type=PDF'
});
},
title: 'Lista mentés PDF-be',
});
});
</script>
<body>
<div id="units" style="outline-width: 0px; outline-style: initial; outline-color: initial; width:714px; position: relative; display: block; z-index: 1002; left: 0px; top: 0px; height: 759px; " class="ui-dialog ui-widget ui-widget-content ui-corner-all" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog">
<div id="unitsHeader"class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<table width="100%">
<tr>
<td width="30%">
<span class="ui-dialog-title" id="ui-dialog-title-dialog">Mértékegységek</span>
</td>
<td width="70%" align="right">
<div id="units">
</div>
</td>
</tr>
</table>
</div>
<div id="unitsEditorContent" class="ui-dialog-content ui-widget-content" style="width: auto; height: 670px; ">
<table id="unitsTable"></table>
<div id="unitsTablePager"></div>
</div>
<div id="fileUploader"></div>
<link href="/admin/JQuery/jquery.Util/fileupoader.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/admin/JQuery/jquery.Util/fileupoader.js"></script>
<script>
function createUploader(){
new qq.FileUploader({
element: document.getElementById('fileUploader'),
action: '/admin/Import',
multiple: false,
debug: true
});
}
window.onload = createUploader;
</script>
<div class="ui-resizable-handle ui-resizable-n"></div>
<div class="ui-resizable-handle ui-resizable-e"></div>
<div class="ui-resizable-handle ui-resizable-s"></div>
<div class="ui-resizable-handle ui-resizable-w"></div>
</div>
當我點擊main.jsp中，unit.jsp單位菜單被加載到內容div中，但缺少<div id="fileUploader"></div>。我檢查了Chrome - 工具 - 開發人員工具菜單，它不在我的頁面中。 我能做些什麼來解決這個問題？
THX 套件
我打掃main.jsp中卻沒有任何反應....
<script type="text/javascript" src="/admin/JQuery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/admin/JQuery/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="/admin/JQuery/jquery.jqGrid/js/jquery.jqGrid.js"></script>
<script type="text/javascript" src="/admin/JQuery/jquery.jqGrid/js/i18n/grid.locale-hu.js"></script>
<link rel="stylesheet" type="text/css" href="/admin/style/themes/base/jquery.ui.all.css">
<link rel="stylesheet" type="text/css" href="/admin/style/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="/admin/style/themes/main.css">
<link rel="stylesheet" type="text/css" href="/admin/JQuery/jquery.jqGrid/css/ui.jqgrid.css">
我看你已經包括jQuery的UI JS。你爲什麼包括個人腳本文件（小部件，手風琴等）？ – Chandu 2012-07-07 18:13:17