Так что я новичок в jQuery, и я пытаюсь настроить HTML-страницу, которая имеет вкладки. Каждая вкладка должна отображать свою HTML-страницу следующим образом:

<div id="tabs">
   <a href="page1.html"><div class="tabdiv, tabActive">Page1</div></a>
   <a href="page2.html"><div class="tabdiv">Page2</div></a>
   <a href="page3.html"><div class="tabdiv">Page3</div> </a>
   <a href="page4.html"><div class="tabdiv">Page4</div></a>
</div>
<div class="tabscontent" id="ajax-content">
    Default text
</div>

Так что я хочу, чтобы при нажатии на страницу 1, page1.html был загружен вdiv.tabscontent, Это код JQuery, который у меня есть.

$(document).ready(function() {
    $("div#tabs a").click(function() {
                alert(this.href);
        $("#ajax-content").empty().append("Loading");
        $("div#tabs div.tabdiv").removeClass('tabActive');
        $(this).children('div.tabdiv').addClass('tabActive');

        $.ajax({ 
            url: this.href, 
            success: function(html) {
                $("#ajax-content").empty().append(html);
                alert("Success!");},
            error: function() {
                $("#ajax-content").empty().append("Didn't work");}
            });
    return false;
    });
});

Примечание: 1) У меня есть последний прикрепленный jquery 2) Я page1.html, page2.html и т. Д. Находятся в той же папке, что и приведенный выше html-файл. 3) Я работаю локально и пробовал Google-Chrome, Firefox и Opera, и у всех них были вкладки с надписью «Не работает». Даже когда я ссылаюсьhttp://www.facebook.com в URL это не работает. Пожалуйста, помогите мне.

Я положил туда предупреждение, чтобы посмотреть, работает ли href и работает ли он. Например, для вкладки page1 она возвращает `file: ///u/b/user/Desktop/ajaxdemo/Page1.html '