0

私はこのようなphp条件を持っています:

<?php
    if($numResults > 0)
    { ?>
        <button id="unfollow" class="button"> unfollow </button>
<?php }

    else
    { ?>
        <button id="follow" class="button"> follow </button>
<?php } ?>

しかし、条件が「elseステートメント」になった場合、ユーザーが「フォロー」をクリックするとボタンがフェードアウトし、「フォロー解除」がフェードインするようにjqueryイベントハンドラーが必要です

これを試してみましたが、「フォロー」ボタンがフェードアウトするだけで、「フォロー解除」ボタンがフェードインしません

$('#follow').click(function()
    {
        $("#follow").fadeOut("slow");
        $("#unfollow").fadeIn("slow");

    });

助言がありますか?

4

4 に答える 4

0

これを試して

<?php
    if($numResults > 0)
    { ?>
        <button id="unfollow" class="button"> unfollow </button>
<?php }

    else
    { ?>
        <button id="follow" class="button"> follow </button>
        <button id="unfollow" class="button"> unfollow </button>
        <style>
            #unfollow { display:none;}
        </style>
<?php } ?>

JS

$('#follow').click(function()
    {

        $("#follow").fadeOut("slow");
        $("#unfollow").css("display","block");
        $("#unfollow").fadeIn("slow"); // this may not require if you don't want effect

    });
于 2013-10-17T15:15:03.533 に答える
0
<!-- Unfollow button -->
<button id="unfollow" 
        style="display:<?php echo ( $numResults > 0 ? 'none' : 'block' ); ?>"
        class="button">Unfollow</button>

<!-- Follow Button -->
<button id="follow" 
        style="display:<?php echo ( $numResults > 0 ? 'block' : 'none' ); ?>"
        class="button">Follow</button>
于 2013-10-17T14:55:41.213 に答える
0

両方をページに配置し、最初は一方をフェードアウトする必要があります。ここで動作しています。http://jsfiddle.net/TzkGT/

<button id="follow" class="button"> follow </button>
<button id="unfollow" class="button" style="display: none;"> unfollow </button>


$('.button').click(function(){
    $("#follow").fadeToggle("slow");
    $("#unfollow").fadeToggle("slow");
});
于 2013-10-17T14:56:15.730 に答える
0
$('#follow').click(function()
{
    $("#follow").fadeOut("slow",function(){
    $("#follow").text("unfollow").fadeIn("slow");
    });

});
于 2013-10-17T14:57:47.640 に答える