Question

我实施了酒店预订表单的脚本，如果他们选择了入住和退房日期，则会在fancybox iframe中打开。

但是现在我想链接其他一些文本/按钮链接，这些链接也会打开一个fancybox iframe但是有一个oder url。我只是不知道在我的锚中作为一个班级应该放什么。

预订表格应该有效，如果我为他们设置了特定的课程，自定义链接也应该打开一个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>

正文剪断了打开fancybox 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中打开网址的textlink，不起作用：

 <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）然后init fancybox

fancybox iframe无法打开

1 个答案: