Вернуться к «предыдущей функции» - PullRequest
1 голос
/ 28 августа 2011

У меня есть этот скрипт:

$('#ap').click(function() {
   $('#content-container').html($('#alertpay').html());
    return false;
});

Всякий раз, когда кто-то нажимает на #ap, он будет отображать содержимое #alertpay в #content-container.

Однако как явозможность сделать обратную ссылку, поэтому, когда пользователи щелкают по ней, она будет показывать исходный контент с #content-container?(Содержимое, которое было там.)

ОБНОВЛЕНИЕ Я пытаюсь с этим кодом:

                    <div align="center" id="content-container">
                        <a href="#" id="ap">Show #alertpay</a> 
                    </div>

  <div id="alertpay" style="display:none">
    #alertpay content here.

      <a href="#" id="return-link">RETURN</a>

    </div>


(function(){
    var cchtml;
    $('#ap').click(function(){
       cchtml = $('#content-container').html();
       $('#content-container').html($('#alertpay').html());
       return false;
    });

    $('#return-link').click(function(){
       $('#content-container').html(cchtml);
       return false;
    });
})();

То, что здесь не работает, это когда я нажимаюВЕРНУТЬ анкерную ссылку.Это ничего не делает.

Ответы [ 3 ]

2 голосов
/ 28 августа 2011

Лучший вариант - иметь три контейнера.Изначально один пустой.Исходя из поведения пользователя, выберите контент для отображения.

$('#ap').click(function() {
   $('#empty-container').html($('#alertpay').html());
    return false;
});

$('#revert-ap').click(function() {
   $('#empty-container').html($('#content-container').html());
    return false;
});

И убедитесь, что вы скрываете content-container и alertpay

1 голос
/ 28 августа 2011

вы можете использовать .data, например, если у вас есть следующая разметка

<div id="alertpay">
    asd
</div>

<div id="content-container">
    hello
</div>

<a href="#" id="ap">change</a>
<a href="#" id="restore">restore</a>

и jquery

$ оригинал = '';

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

    if($original.length==0){         
    $('#content-container').data('original', $('#content-container').html());
    $original=$('#content-container').data('original');
    }
   $('#content-container').html($('#alertpay').html());
    return false;
});

$('#restore').click(function() { 
   $('#content-container').html( $('#content-container').data('original'));
    return false;
});

вот скрипка http://jsfiddle.net/YUGCq/3/

1 голос
/ 28 августа 2011
(function(){
    var cchtml;
    $('#ap').click(function(){
       cchtml = $('#content-container').html();
       $('#content-container').html($('#alertpay').html());
       return false;
    });

    $('#return-link').click)function(){
       $('#content-container').html(cchtml);
       return false;
    });
})();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...