0

クリックした後に href 値を取得しようとしているので、それを使用して、<?php include 'list'; ?>以前にクリックした php ページのコンテンツをロードできます。私はこのようなことを試みていました：

$(document).ready(function() {
$('list').click(function)
var page=$(href);

<ul id="list">
<li><a href="mypage.php">Mypage</a> </li>
<li><a href="mypage2.php">Mypage2</a> </li>

前にクリックしたリンクのコンテンツを使用して、ページに段落をロードできますか?

4

2 に答える 2

2

href 値を取得し、適切なセレクターとajax()やload( )などの適切な jQuery ajax 関数を使用して、リンクされたページのコンテンツをロードできます。

$(document).ready(function() {
    $('#list > li a').click(function(event) {
        var page = this.attr("href");

        // Here should go your ajax code or what-have-you to load the content.
        // If you use an ajax function, the url will be equal to the var page.
        event.preventDefault();

        $.ajax({
            type: "POST", // or "GET" may be better for your needs
            url: page,
            data: "",
            success: function(content) {
                console.log("ajax success");
                $("#divID").html(content);
            },
            error: function() {
                alert("ajax error");
            },
            complete: function() {
                console.log("ajax complete");
            }
        });
    });
});

<ul id="list">
  <li><a href="mypage.php">Mypage</a> </li>
  <li><a href="mypage2.php">Mypage2</a> </li>
</ul>

コードには、jQuery に ID 'list' を見つけるように指示するハッシュがありませんでした。「#list > li a」は、コード ブロックを #list のすべての「li a」子に適用するよう jQuery に指示します。

于 2012-09-08T00:11:59.070 に答える
1 
//thanks a lot for your response, i real apreciate it
//i finally used this and works fine
$(function() {
$("#team-tabs a").click(function() {
    var page= this.hash.substr(1);
    $.get(page+".php",function(gotHtml) {
        $("#cv-content").html(gotHtml);
    });
    return false;
});
});

//for this:
<ul id="team-tabs">
    <li><a href="#team/cv1">name 1</a></li>
    <li><a href="#team/cv2">name 2</a></li>
于 2012-09-08T11:08:33.020 に答える