0

問題があります:

データベースに ajax クエリを実行し、特定の ID に関する情報を表示して、HTML 形式のメッセージ リターンで表示します。

HTMLコードは次のとおりです。

<!-- WINE -->
<div id="slides">
    <div id="information_slide" class="slide">
        <!-- container as a result of JS -->
    </div>
</div>
<!-- WINE -->

<!-- LOADING -->
<div id="loading_slide" class="slide" style="display: none;">
    Loading information about the wine ...<br/><br/><img src="images/ajax-loader.gif" />
</div>
<!-- LOADING -->

<!-- AJAX CALL BUTTON -->
<?php
    echo '<div id="'.$id['id'].'" class="menuItem">Show wine when ID = '.$id['id'].'</div>';
?>
<!-- AJAX CALL BUTTON -->

JSコードは次のとおりです。

[JavaScript]

$('.menuItem').on('click', function() {

    // ID Wine
    var id = $(this).attr('id');

    $.ajax({
        url: 'function.php',
        beforeSend: function () {
            $('#slides #information_slide').fadeOut(200, function() {
                $('#slides #loading_slide').fadeIn(200);
            });
        },
        data: {
            funkcja: 'show_wine',
            id: id
            },
        type: 'post',
        success: function(result) {
            setTimeout(function() {
                $('#slides #loading_slide').fadeOut(200, function() {
                    $('#slides #information_slide').html(result).fadeIn(400);
                });
            }, 500);
        }
    });
    // alert(id);
});

[/JavaScript]

PHPコードは次のとおりです。

[php]

<?php

    if(isset($_POST['funkcja']) && !empty($_POST['funkcja'])) {
        switch($_POST['funkcja']) {
            case 'show_wine':
                show_wine($_POST['id']);
            break;
        }
    }

    // Callback wine function
    function show_wine($id) {

        $qwerty = "SELECT * FROM `wina` WHERE id='".$id."' LIMIT 1";
        $sql = mysql_query($qwerty);

        while($id = mysql_fetch_assoc($sql)) {
            echo '
                <div id="'.$id['id'].'" class="element">
                    <form method="post" action="" class="jcart">
                        <fieldset>
                            <input type="hidden" name="jcartToken" value="'.$_SESSION['jcartToken'].'" />
                            <input type="hidden" name="my-item-id" value="'.$id['id'].'" />
                            <input type="hidden" name="my-item-name" value="'.stripslashes($id['nazwa']).'" />
                            <input type="hidden" name="my-item-price" value="'.stripslashes($cena_przecinek).'" />
                            <input type="hidden" name="my-item-url" value="" />
                            <input type="hidden" name="my-item-qty" value="1" size="3" class="item-sztuk" />

                            <input type="submit" name="my-add-button" value="to cart" class="item-button" />

                        </fieldset>
                    </form>

                    <!-- ... remaining HTML code... -->

                </div>
            ';
        }

    }
?>

[/php]

前述のとおりの結果が得られました。スクリプトは、データベースからの特定の ID に関する情報 (記録) を表示します。スクリプトのこの部分は問題ありません。

PHP コールバック関数 (Ajax と呼ばれる) がフォームをホストするときに私が抱えている問題は、Ajax 関数も使用しています。PHP関数からの応答のHTMLコードのこの部分...

<form method="post" action="" class="jcart">
    <fieldset>
        <input type="hidden" name="jcartToken" value="'.$_SESSION['jcartToken'].'" />
        <input type="hidden" name="my-item-id" value="'.$id['id'].'" />
        <input type="hidden" name="my-item-name" value="'.stripslashes($id['nazwa']).'" />
        <input type="hidden" name="my-item-price" value="'.stripslashes($cena_przecinek).'" />
        <input type="hidden" name="my-item-url" value="" />
        <input type="hidden" name="my-item-qty" value="1" size="3" class="item-sztuk" />

        <input type="submit" name="my-add-button" value="to cart" class="item-button" />

    </fieldset>
</form>

... 私の jCart スクリプトの形式です。ボタン (name=my-add-button) が機能しません。

JS スクリプトは、ページの最初から読み込まれます。

[html]

<head>
    <script type="text/javascript" language="javascript" src="files/jcart.js"></script>
</head>

[/html]

ajax関数を呼び出すと、結果(htmlコード)がコンテナにロードされ、ボタンがカートにアイテムを追加する必要があり、ページがリロードされ、アイテムのみがカートに追加されます。return false;を追加しようとしました。PHPスクリプトで、しかし、まったく何もない場合。

ここにJSコードファイルjcartがあります - > www.starwines.com.pl/jcart/js/jcart.js

そして、ここにデモページがあります - > www.starwines.com.pl/test.php

以下をお試しください: * 1) * " Dodaj do koszyka " (黄色のボタン) をクリックしてアイテムを追加します2)カルーセルから別のワインを選択し、[Dodaj do koszyka] をクリックします

この問題を解決するには？

よろしく！

PS。英語で申し訳ありません、私は弱いです:)

4

1 に答える 1

0

クリック イベント バインディング コードを

$('.jcart').submit(function(e) {
    add($(this));
    e.preventDefault();
});

に

$(document).on('submit', '.jcart', function(e) {
    add($(this));
    e.preventDefault();
});

仕事をします。

jQuery オン

于 2013-09-22T01:14:40.403 に答える