Замена текста HTML-страницы с помощью JQuery

Question

У меня есть простой яваскрипта код, который заменяет содержимое страницы .... по содержанию другого файла (test2.html)

Код:

$(document).ready(function(){ 
    $("[href='#']").click(function() { 
     function getcontent(url, id) { 
      $("#id").load("url"); 
     } 
    }); 
}); 

сейчас нахожусь используя

<div id = "content">     
<p> REPLACE </p> 
</div> 
<a href="#" onClick="getcontent('test2.html', 'content')">click here</a> 

Так что теперь при нажатии кнопки click hereREPLACE следует заменить содержание test2.html ... но это не происходит ... Я включил нужный jquery.js файл в моем сценарии ..

Answer 1

$('#' + id).load(url); 

В текущем методе выше, вы передаете строковые литералы, а не сами переменные.

Answer 2

Нет, это не сработает. getcontent - это функция, определенная в определенной области действия - функция обратного вызова обработчика щелчка. Он недоступен в глобальной области - области, которую получает метод onClick.

Вы должны использовать подлинный обработчик щелчка, возможно, данные настройки с использованием атрибутов данных:

$('[href="#"]').click(function() { 
    $('#' + $(this).data('id')).load($(this).data('url')); 
}); 

Используя следующий HTML:

<a href="#" data-url="test2.html" data-id="content">click here</a> 

Answer 3

У вас есть странные настройки. Функция getcontent не определена в глобальной области, она не может быть найдена обработчиком событий onclick в HTML. Есть и другие проблемы.

я предлагаю что-то вроде:

<a href="#content" rel="test2.html">click here</a> 

и

$(function(){ 
    $("a[href^='#']").click(function(){ 
     $(this.href).load(this.rel); 
    }); 
}); 

Answer 4

Вы, кажется, непонимание того, что некоторые части кода делают. Кроме того, я бы рекомендовал дать вашему href реальный идентификатор, чтобы упростить работу. Вам не нужно использовать метод jQuery «click», а также назначить обработчик onclick inline в HTML.

Попробуйте вместо этого:

<div id = "content">     
    <p> REPLACE </p> 
</div> 
<a id="clickThis" href="#">click here</a> 

$(document).ready(function() { 
    $('#clickThis').click(function() { 
     $('#content').load('test2.html'); 
    }); 
}); 

Ваш код с некоторыми комментариями:

$(document).ready(function(){ 
    // this will assign a click handler, you don't need an 'onclick' 
    // attribute on the anchor tag also 
    $("[href='#']").click(function() { 
     // but what does your click handler do? 
     // It defines a function that is never called. 
     function getcontent(url, id) { 
      $("#id").load("url"); 
     } 
    }); 
});