php - ID名をURLとして使用してjqueryでページをロードする方法

Question

クリック時にロードするURLとして<a id="">またはを使用するようにjqueryに指示するにはどうすればよいですか？<a href="">たとえば、URLpage1.php。hrefを取得するか、idを取得してから.phpを追加します。

html

<a id="page1" class="load" href="page1.php">1</a>
<a id="page2" class="load" href="page2.php">2</a>
<a id="page3" class="load" href="page3.php">3</a>

jquery

<script>
    $(document).ready(function () {  
        $(".load").click(loadDynamic);  
    });  
    function loadDynamic() {  
        $("#load_in")  
            .load("",function (content) {  
                $(this).hide().fadeIn("slow");  
                return false;  
        }); 
    }  
</script>

Answer 1

this.hrefを取得するために使用しますhref。

$(document).ready(function() {
    $(".load").click(loadDynamic);
});

function loadDynamic() {
    $("#load_in").load(this.href, function(content) {
        $(this).hide().fadeIn("slow");
    });
        return false;
}​

もちろん使用することもできますthis.id + ".php"。

return falseコールバック内に書き込んだloadため、デフォルトのアンカークリックが妨げられないことに注意してください。答えのように、それを外側のスコープに移動する必要があります。

---

不平を言う人のため.click(fn)にon('click', fn)

それらは同じ関数であり、 ：.click(fn)のエイリアスです。on('click', fn)

最初の2つのバリエーションでは、このメソッドは.bind（ "click"、handler）のショートカットであり、jQuery 1.7以降の.on（ "click"、handler）のショートカットでもあります。

jQueryドキュメント

Answer 2

使用できますthis.href：

$(".load").click(function() {
    $("#load_in").load(this.href, function() {
        $(this).hide().fadeIn("slow");
    });
    return false;
});

ID を取得するには、 simple を使用しますthis.id。

Answer 3

交換

.load("",function (content) {

と

.load(this.href, function (content) {