0

どこでも検索しましたが、この問題に対する答えが見つかりません。ボタンをクリックすると、コンテンツがある div から別の div に移動し、もう一度クリックすると元に戻ります。最初の動きは問題ありませんが、それは後退です。

これまでの私のコードは次のとおりです...

$(document).ready(function(){
    $(function(){$('#button').click(function() {
       $(this).val() == "Move Content" ? initial_move() : move_back();
        });
    });

    function initial_move() {
        $('#button').val("Move Back");
        $("#two").append($("#toggle_txt").html());  
        $('div#one #toggle_txt').remove();
    };

    function move_back() {
        $('#button').val("Move Content");
        $("#one").append($("#toggle_txt").html());  
        $('div#two #toggle_txt').remove();
    };
});


<input type="button" value="Move Content" id="button" /><br/><br/>

<div id="one">
    <p>Div One permanent text</p>
    <p id="toggle_txt">Text to toggle between the two</p>
</div>
<br/>
<div id="two">
    <p>Div Two permanent text</p>
</div>

http://jsfiddle.net/eBuAz/

このコードが機能しない理由がわかりません。どんな助けでも大歓迎です。

ありがとう

4

2 に答える 2

0 
jQuery(document).ready(function ($) 
{
    $(function(){$('#button').click(function()
    {
        $(this).val() == "Move Content" ? initial_move() : move_back();
    });
    });

    function initial_move() {
        $('#button').val("Move Back");
        var toggle = $("#toggle_txt");
        $("#two").append(toggle).html();
        $('div#one #toggle_txt').remove();
        toggle.attr('id', "toggle_txt");
    };

    function move_back() {
        $('#button').val("Move Content");
        var toggle = $("#toggle_txt");
        $("#one").append(toggle).html();  
        $('div#two #toggle_txt').remove();
        toggle.attr('id', "toggle_txt");
    };
});
于 2013-07-28T10:27:22.987 に答える
0

あなたがするとき

$('div#one #toggle_txt').remove();

実際にはこれを DOM から削除しているため、追加するテキストはありません。

于 2013-07-28T10:22:17.417 に答える