1

さて、私は過去 4 日間問題を抱えていましたが、数時間前に、その一部を解決したと思います (fancybox の例 #5 は、彼らのサイトにあり、私が欲しいもののようです)、ただし、その一部を機能させることはできません。

    <?  if($_GET['page'] != "startTime"){ ?>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="/./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
    <script type="text/javascript" src="/./fancybox/jquery.fancybox-1.3.1.js"></script>
    <link rel="stylesheet" type="text/css" href="/./fancybox/jquery.fancybox-1.3.1.css" media="screen" />
    <script type="text/javascript">
        $(document).ready(function() {
            $("#startTime").fancybox({
            'padding'       : 0,
            'scrolling'     : 'no',
            'titleShow'     : false,
            'onClosed'      : function() {
            $("#login_error").hide();}
            })
        });
        $("#startTimeForm").bind("submit", function() {
        if ($("#year").val().length < 4) {
            $("#login_error").show();
            $.fancybox.resize();
            return false;
        }
        $.fancybox.showActivity();
        $.ajax({
            type    : "POST",
            cache   : false,
            url     : "downTime.php?page=ajax",
            data    : $(this).serializeArray(),
            success : function(data) {
                $.fancybox(data);
            }
        });
        return false;
        });
    </script>
<? } ?>
<? if($_GET['page'] == "ajax"){
var_dump($_POST); } ?>
<? if($_GET['page'] == "startTime"){?>
<div style="width:250px" class="new">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="new">
   <tr>
   <form id="startTimeForm" method=post>
    <p id="login_error">Please, enter data</p>
   <tr>
    <td>Enter Year</td>
    <td><input class="czas" id="sec" name="year" type="text" size="5" maxlength="5" value="00" /></td></tr>
   <tr>
    <td colspan="2" align="center"><br /><input class="czas" type="submit" name="newTime" value="Set Start Time" /></td></tr>
   </form>

以下のJavaScript関数も使用していましたが、最終的には上記のコードで機能させたいのですが、上記を適切に機能させることができません。それは何もしません。Firebug もエラーを報告しません。

<script>
    function closeFB() {
    <? $unix = mktime(0, 0, 0, 1, 1, $_POST['year']); ?>
    $("#startTimeDiv").html("<div id='message'></div>");
    $("#message").html("<p>Contact Form Submitted!</p>")
    .append("<p>We will be in touch soon.<br><? echo $unix; ?></p>");
    $.fancybox.close(); 
    }
    </script>

ですから、どんな助けでも大歓迎です。私が間違っていることを教えてください。

4

2 に答える 2

0

ここでのデモは、問題を解決するために機能しました。別の問題が発生しましたが、それは別の質問です。それがあなたのデモだったと思います、JFK、ありがとう。

于 2013-03-26T20:19:00.160 に答える
-1 
$.ajax({
        type    : "POST",
        cache   : false,
        url     : "downTime.php?page=ajax",
        data    : $(this).serializeArray(),
        success : function(data) {

それ以外の：

            $.fancybox(data);

試す

            $("#fancyboxdiv").fancybox(data);

        }
    });

fancyboxdiv は、fancybox をホストする要素の名前です。

他の関数を次のように変更します。

$("#fancyboxdiv").fancybox().close()

など.. ほとんどの JQuery UI コンポーネントは、その親として機能する要素を必要とし、通常、その要素を変更して要素を追加/削除し、必要な外観を与えるために CSS を変更します。

于 2013-03-23T02:28:53.600 に答える