0

我想在 shadowbox 内打开一个新页面，当我单击代码时，此链接会在同一页面的 shadowbox 内打开一个新页面。怎么做？

<a class="fancybox" href="edit.php?pn"></a>

rfq_list.php

<link rel="stylesheet" href="css/style.css" type="text/css" id="" media="print, projection, screen" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery-latest.js"></script>
<script type="text/javascript" src="javascript/jquery.tablesorter.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.3"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.2" media="screen" />
<script type="text/javascript">
         $(document).ready(function() {
            $(".fancybox").fancybox({
                type: "iframe",
                helpers   : { 
          overlay : {
          closeClick: false}
          // prevents closing when clicking OUTSIDE fancybox
          },
          closeClick  : false, // prevents closing when clicking INSIDE fancybox
          scrolling     : 'no',
          width         : 550,
          height        : 0,
          autoScale     : true,
          openEffect    : 'elastic',
          closeEffect   : 'fade',
          closeBtn : true,

                 afterClose:function () {
                window.location.reload();
            }
            }).trigger("onclick");

        });
        parent.$.fancybox.close();
        </script>
        <style type="text/css">
        .fancybox-custom .fancybox-skin {
            box-shadow: 0 0 50px #222;
        }
        </style>
                <script type="text/javascript">
                $(function() {
                    $("table").tablesorter({debug: true});
                });
                </script>
        <script type="text/javascript">
            $(function(){
            var tfrow = document.getElementById('tfhover').rows.length;
            var tbRow=[];
            for (var i=1;i<tfrow;i++) {
                tbRow[i]=document.getElementById('tfhover').rows[i];
                tbRow[i].onmouseover = function(){
                  this.style.backgroundColor = '#f3f8aa';
                };
                tbRow[i].onmouseout = function() {
                  this.style.backgroundColor = '#ffffff';
                };
            }
            });
        </script>
        </head>

rfq.php

        <script type="text/javascript" src="javascript/jquery.js"></script>
<script>
function showUser(str) {
    var $txtHint = $('#txtHint');
    if (str == "") {
        $txtHint.html('');
        return;
    }
    $txtHint.load('rfq_list.php?q=' + str)
}
</script>


<div id="txtHint">
</div>

这个脚本有什么问题？

4

1 回答 1

0

您包含 jQuery 三次：

<script type="text/javascript" src="javascript/jquery-latest.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery-1.8.2.min.js"></script>

除了特殊情况外，您必须将其包含一次（并使用 noconflict）。

现在表格排序器插件将通过第三个包含与 jQuery 分离，您将面临错误。

删除其他 jQuery 包含并仅使用最新的。

于 2013-10-04T11:27:54.310 回答