0

いくつかのコードが機能しているので、ナビゲーションをクリックすると、href テキストがスライド コンテンツ ボックスに読み込まれます。

ただし、AJAX を使用しているページの #content にページの #content をロードしたいと思います。

HTMLは次のとおりです。

<ul>
<li><a href="about.php">about</a></li>
<li><a href="gallery.php">gallery</a></li>
<li><a href="suppliers.php">suppliers</a></li>
<li><a href="contact.php">contact</a></li>
</ul>

ここにjqueryがあります：

var lastData;
$(function () {
    $("ul li a").click(function(event) {
        loadData($(this).attr("href") +' #content');
        event.preventDefault();
    });
});

function loadData(data) {
    if(lastData == data) {
        $("#content-container").slideUp();
    } else {
        //$('#content').load(toLoad)
        $('#content').html(data);
        $("#content-container").slideDown();
         $('#close').click(function(){
              $('#content-container').slideUp('5000');
          })
    }
    lastData = data;
}

どんな助けでも素晴らしいでしょう。私はこれまでのところまだ近づいています... jqueryは私の最強のスキルではありません。

ありがとうございました

4

1 に答える 1

0 
var lastData;
$(function () {
    $("ul li a").click(function(event) {
        loadData($(this).attr("href"));
        event.preventDefault();
    });
    /* I'm assuming #close is added dynamically */
    $('document').on("click", "#close", function(){
        $('#content-container').slideUp('5000');
    });
});

function loadData(data) {
    if(lastData == data) {
        $("#content-container").slideUp();
    } else {
        $('#content').load(data);
        $("#content-container").slideDown();             
    }
    lastData = data;
}
于 2013-03-02T12:26:12.977 に答える