php - PHP MVCフレームワークでajax呼び出しを使用してjcarouselスライダーhtmlを置き換える方法

Question

PHP Web アプリケーションに 2 つの jcarousel スライダーがあります。1 つは月を選択するためのもので、もう 1 つはその月に関連する日付のためのものです。jquery ajax を使用して実行したいと思います。 、助けてください。

Answer 1

まず、月と日付の基本的な html をセットアップします。

<ul id="months" class="jcarousel-skin">
    <li>Jan</li>
    <li>Feb</li>
    <li>Mar</li>
    <li>Apr</li>
    <li>May</li>
    <li>Jun</li>
    <li>Jul</li>
    <li>Aug</li>
    <li>Sep</li>
    <li>Oct</li>
    <li>Nov</li>
    <li>Dec</li>
</ul>

<ul id="dates" class="jcarousel-skin">

</ul>

JavaScript セットアップで、月のカルーセルと日付 ajax

$(document).ready(function(){
    $('#months').jcarousel();

    // Assuming you are going to load months' dates onclick
    $('#months > li').click(function(){
        $.ajax({
            url : 'your-server-script.php?month=' . $(this).text(),
            success : function(data){
                /* Return the dates as html in li tags from server
                    <li>1, Friday</li><li>2, Saturday</li> .... <li>30, whatever</li>
                   and put in the dates ul.
                   You can also pass json(or any other format) and create the html here and put it in.
                */
                $('#dates').html(data);

                // Now setup the dates carousel.
                $('#dates').jcarousel();
            }
        });
    });

});

お役に立てれば。さらに質問がある場合は、html と一緒に貼り付けてください。