<link rel="stylesheet" type="text/css" href="css/fancybox.css" /><link rel="stylesheet" type="text/css" href="css/css.css" /><script src="js/jquery.js" type="text/javascript"></script><script src="js/i18n/grid.locale-cn.js" type="text/javascript"></script><script src="js/jquery.fancybox.js" type="text/javascript"></script> <script src='js/jquery-1.4.2.min.js' type='text/javascript'></script> <script type='text/javascript' src='js/picnet.table.filter.min.js'></script> <script src="js/jquery.message.js" type="text/javascript"></script><style type="text/css"> * { padding:0; margin:0; } body { font-family:verdana; font-size:12px; margin-left: 0px; margin-top: 0px; } .content { width:1100px; margin:20px 10px; } .content h1 { font-family:'??'; font-size:18px; padding-bottom:5px; } table { width:100%; } th, td { padding:6px 0; text-align:center; } th { background-color:#accdf4; color:#ffffff; } tr { background-color:#FFFFFE; } .odd { background-color:#FFFAFF; } .highlight { background-color:#E0E0E0;}.STYLE3 {font-size: 14px}</style><script type="text/javascript"> //?jsclass function addClass(element, value) { if(!element.className) { element.className = value; } else { element.className += " "+value; } } function stripeTable() { var tables = document.getElementsByTagName("table"); for(var i=0; i<tables.length; i++) { var rows = document.getElementsByTagName("tr"); for(var j=0; j<rows.length; j++) { if(j%2 == 0) { addClass(rows[j], "odd"); //rows[j].setAttribute("class", "odd"); } } } } //??? function highlightRows() { var rows = document.getElementsByTagName("tr"); for(var i=0; i<rows.length; i++) { rows[i].oldClassName = rows[i].className; rows[i].onmouseover = function() { addClass(this, "highlight"); } rows[i].onmouseout = function() { this.className = this.oldClassName; } } } window.onload = function() { stripeTable(); highlightRows(); } $(document).ready(function() { // Randomly Create Data Rows // Initialise Plugin var options1 = { additionalFilterTriggers: [], clearFiltersControls: [], matchingRow: function(state, tr, textTokens) { if (!state || !state.id) { return true; } var child = tr.children('td:eq(2)'); if (!child) return true; var val = child.text(); switch (state.id) { case 'onlyyes': return state.value !== true || val === 'yes'; case 'onlyno': return state.value !== true || val === 'no'; default: return true; } } }; $('#demotable1').tableFilter(options1); var grid2 = $('#demotable2'); var options2 = { filteringRows: function(filterStates) { grid2.addClass('filtering'); }, filteredRows: function(filterStates) { grid2.removeClass('filtering'); setRowCountOnGrid2(); } }; function setRowCountOnGrid2() { var rowcount = grid2.find('tbody tr:not(:hidden)').length; $('#rowcount').text('(Rows ' + rowcount + ')'); } grid2.tableFilter(options2); // No additional filters setRowCountOnGrid2(); });</script><script type="text/javascript">function more(value){ $.fancybox({ 'type':'ajax', 'href':'sale_detailed.php?value='+value });} $(document).ready(function() { $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' });});</script><h2 class="top_title">销售订单列表</h2><form id="add_form" action="sale_list.php?page=1" method="GET"><div class="content"><?PHPinclude_once ("page.class.php");include_once ("conn.php");$pageSize=50; if(empty($_GET['page'])) { $spage=1; } else { $spage=$_GET['page']; }$start=$spage*$pageSize-$pageSize;if(!empty($_GET['findtext'])){$findtext=$_GET['findtext'];$findtype=$_GET['findtype'];$findsql="AND `".$findtype."`='".$findtext."'";}else{$findsql='';}$result = mysql_query("SELECT COUNT(*) AS count FROM `sale_orders` WHERE `number`>0 ".$findsql); $row = mysql_fetch_array($result, MYSQL_ASSOC); $total= $row['count'];$SQL = "SELECT * FROM `sale_orders` WHERE `number`>0 ".$findsql." LIMIT $start , $pageSize";$result = mysql_query($SQL);$url=$_SERVER["REQUEST_URI"]; pageft($total,$pageSize,1,1,1,5,$url);?><a onclick="more(234234)">单引号Ajax</a><div id="opt"> <div id="query"> <label></label> <select name="findtype"> <option value="order_id" selected="selected" >订单号</option> <option value="sku" >订单SKU</option> </select> <input type="text" class="input" id="sale_text" name="findtext" /> <input type="submit" class="btn" id="find_btn" value="查 询" /> </div> </div> <table width="195%" cellspacing="1" bgcolor="#0093C4" id='demotable1'> <thead> <tr> <th width="17%"><span class="STYLE3">订单号</span></th> <th width="13%" class="STYLE3">客户姓名</th> <th width="15%" class="STYLE3">订单SKU</th> <th width="42%" class="STYLE3">产品名称</th> <th width="6%" class="STYLE3">购买数量</th> <th width="7%" class="STYLE3">订单状态</th> </tr> </thead> <tbody> <?PHP while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { ?> <tr> <td><a onclick="more(<?PHP echo $row['order_item_id'];?>)" href='sale_detailed.php?value=<?PHP echo $row['order_item_id']; ?>'><?PHP echo $row['order_id']; ?></a></td> <td><?PHP echo $row['buyer_name']; ?></td> <td><?PHP echo $row['sku']; ?></td> <td><?PHP $prna=$row['product_name']; if(strlen($prna)>20) { $prna=mb_substr($prna,0,40,'utf-8')."...."; echo $prna; } else { echo $prna; } ?></td> <td><?PHP echo $row['quantity_purchased']; ?></td> <td><?PHP $shipments=$row['shipments']; switch ($shipments){case "0": echo "未发货"; break;case "1": echo "已发货"; break; case "2": echo "已取消"; break;} ?></td> </tr> <?PHP } ?> </tbody> </table></div></form><div class="digg"><?php echo $pagenav;?></div>
jquery.fancybox を使用したことがありませんが、間違った使用法ですか?
TypeError: $(...).fancybox は関数ではありません
[このエラーで中断]
closeEffect : 'なし'
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
