Как вызвать html-страницу об изменении флажка с помощью jQuery? - PullRequest
Новая
       19

Как вызвать html-страницу об изменении флажка с помощью jQuery?

0 голосов
/ 01 апреля 2011

Я хочу, чтобы HTML-страница вызывалась при установке флажка. Я попробовал следующий код jQuery, но он не работает. Какую ошибку я совершил? 

 <script type="text/javascript">
        $('#my_checkbox').change(function() {
        alert('Handler for .change() called.');
        $.get("equation_section.html");
        });
</script>

А это мой флажок: 

 <input class="checkbox" type="checkbox" name="my_checkbox" id="my_checkbox"/>

EDIT 

 $('#my_checkbox').change(function() {
if ($('#my_checkbox').attr("checked") == true) {
    alert('Handler for .change() called.');
        $('#my_checkbox').addClass('jQlightbox');
            $.get('equation_section.html', function(data) {
                 $('.equation_section').html(data);
        });
    }
 });

Это мой отредактированный код. Теперь я получаю окно с предупреждением. И страница также загружается в div. Что если я хочу, чтобы в модальном окне отображалось только содержимое div, а не содержимое предыдущей страницы? Кто-нибудь, предложите мне, пожалуйста.

Ответы [ 2 ]

3 голосов
/ 01 апреля 2011

Вы (вероятно) получаете страницу, но затем ничего не делаете с ней.Очевидно, вы должны смотреть пример кода со страницы jQuery.get ()

Кроме того, понимаете ли вы, что он будет вызываться по существу каждый раз, когда флажок устанавливается?Если вы хотите загрузить страницу «уравнение_выделения.html» в div, вы можете сделать следующее:

На странице: 

<div id="equation_section"></div>

Javascript: 

<script type="text/javascript">
// on DOM load
$(function () {

  $('#my_checkbox').change(function() {
    alert('Handler for .change() called.');
    $.get('equation_section.html', function(data) {
      $('#equation_section').html(data);
    });
  });

});
</script>

Если вы пытаетесь перенаправить пользователя на другую страницу, вам следует сделать location.href = "equation_section.html";

1 голос
/ 01 апреля 2011

Вы хотите изменить местоположение вашей страницы?Если это так, вы можете использовать window.location = "equation_section.html".В противном случае вам придется установить HTML-код элемента DOM.

HTML 

<div id="test_div"></div>

JavaScript 

$("#test_div").load("equation_section.html");
...