fancybox iframe无法打开

Question

我实施了一个旅馆预订表格的脚本，如果他们选择入住和退房日期，该脚本会在fancybox iframe中打开。

但是，现在我想链接一些其他文本/按钮链接，这些链接还会打开一个fancybox iframe，但带有一个奇怪的网址。 我只是不知道在我的主持人班里该放些什么。

如果我为他们设置了特定的类别，则预订表格应该可以使用，并且自定义链接也应该打开fancybox iframe。

谢谢你的协助！

邮政编码：

<link type="text/css" href="http://loodsmans-texel.nl/other/bookingmodule/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />
<link type="text/css" href="http://loodsmans-texel.nl/other/bookingmodule/jquery.fancybox-1.3.4.css" rel="Stylesheet" />
<!-- Optioneel -->
<link type="text/css" href="http://loodsmans-texel.nl/other/bookingmodule/defaultView.css" rel="Stylesheet" />
<!-- Indien u nog geen jQuery gebruikt op uw website dient u deze ook in te laden -->
<script type="text/javascript" src="https://static.cubilis.eu/jquery/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="https://static.cubilis.eu/jquery/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="https://static.cubilis.eu/jquery/date.js"></script>
<!-- Indien u nog geen Fancybox gebruikt op uw website dient u deze ook in te laden -->
<script type="text/javascript" src="https://static.cubilis.eu/fancybox/jquery.fancybox-1.3.4.js"></script>

<script type="text/javascript">
    var _LOGISID = 3938;
    // Wijzig in uw gewenste taal (en, fr, nl, de, es, it)
    var _TAAL = 'nl';

    $(document).ready(function () {
            $("#startdate").datepicker({
                dateFormat: "dd-mm-yy",
            });
            $("#enddate").datepicker({
                dateFormat: "dd-mm-yy",
            });
            var today = new Date();
            $("#startdate").datepicker("setDate", new Date());
            var tomorrow = today.add(3).days();
            $("#enddate").datepicker("setDate", tomorrow);

            $("#startdate").change(function () {
                var d = Date.parseExact($(this).val(), "dd-MM-yyyy");
                d = d.add(3).days();
                $("#enddate").datepicker("option", "minDate", d);
            });
        });

    function submitmyform(form) {
        var href = form.action + "?logisid=" + _LOGISID
            + "&taal=" + _TAAL + "&startdatum=" + $("#startdate").val() + "&einddatum=" + $("#enddate").val();
        jQuery.fancybox({ href: href ,type: 'iframe', width: 500, height: 550, overlayColor: '#000', hideOnContentClick: false, hideOnOverlayClick: false });
        return false;
    }
</script>

预订表格的主体被打开，打开了一个花式框iframe：

 <form method="get" action="https://booking.cubilis.eu/check_availability.aspx" onsubmit="return submitmyform(this);">
<table id="CheckAvailabilityContainer" cellspacing="0" cellpadding="0">
    <tbody id="bookmodule">
        <tr>
        <td><input type="text" name="startdate" id="startdate" ></td>
        <td><input type="text" name="enddate" id="enddate" ></td>
        <td><input type="submit" class="btnCheckAvail" value="Book now" id="btnSubmit"></td>
        </tr>
    </tbody>
</table>

并且应该在fancybox iframe中打开URL的文本链接不起作用：

 <a href="https://booking.cubilis.eu/packages_select_dates.aspx?logisid=3938&amp;booktemplate=1&amp;taal=nl&amp;id=5920" title="Arrangement Fiets" class="jQuery fancybox.iframe">aangeboden</a>

我需要参加什么课程？

谢谢！

Answer 1

因此，您拥有如上所述的链接：

  <a href="https://booking.cubilis.eu/packages_select_dates.aspx?logisid=3938&amp;booktemplate=1&amp;taal=nl&amp;id=5920" title="Arrangement Fiets" onclick="Clickme(); return false;" class="jQuery fancybox.iframe">aangeboden</a>

然后，我添加了一个在单击时调用的函数：

    function Clickme(){
              jQuery.fancybox({href:'PLACE THE URL YOU REQUIRE HERE', type: 'iframe', width: 500, height: 550, overlayColor: '#000', hideOnContentClick: false, hideOnOverlayClick: false });
}

所以应该发生的是onclick应该先调用该函数（Clickme），然后再调用int fancybox