Проблема JQuery .load () - PullRequest
Новая
       4

Проблема JQuery .load ()

3 голосов
/ 28 февраля 2012

Я пытаюсь заставить работать следующий метод .load ().Текущий код не отображает запрошенную страницу в div, как я думаю, что это должно.Мысли?Также, каков наилучший способ проверить метод .load () и выяснить, работает ли он?

ParentPage.cfm 

<script>
$("#go_val").click(function() {
  $('#test_div').load('htdocs/mysite/index.cfm?event=test #container');
}
</script>
<form name="parent_form" id="parent_form">
<input type="text" name="myText" id="my_Text" value="TestValue">
<input type="button" name="go" id="go_val" value="GO">
</form>
<div id="test_div"></div>

test.cfm (он же index.cfm? Event= тест) 

<html>
<head>
<title>test</title>
</head>
<body>
<div id="container">Yippee</div>
</body>
</html>

Спасибо заранее.Все предложения приветствуются.

Ответы [ 4 ]

2 голосов
/ 28 февраля 2012

Вы должны установить его при загрузке. 

$(function(){
$("#go_val").click(function() {
  $('#test_div').load('htdocs/mysite/index.cfm?event=test #container');
}
});

Также лучший способ проверить это использовать http://getfirebug.com/ и просмотреть консоль, чтобы увидеть, выполняется ли запрос.

1 голос
/ 28 февраля 2012

Вам нужно указать, что функция щелчка регистрируется после того, как документ готов, так как он не существует, когда вы объявляете его. 

<script>
  $(document).ready(){
    $("#go_val").click(function() {
      $('#test_div').load('htdocs/mysite/index.cfm?event=test #container');
    }
  }
</script>
0 голосов
/ 01 марта 2012

Когда я продублировал ваш код, я увидел ошибку в консоли Firebug, поэтому у Адама был правильный способ отладить проблему.

*

отсутствует) после списка аргументов

*

Я изменил функцию на: 

$("#go_val").click(function() {
   $('#test_div').load('index.cfm?event=test #container');
})

Обратите внимание на заключительную скобку и на то, что вам нужна только ссылка на index.cfm (без пути), поскольку он находится в том же каталоге, что и родительская страница.

Я делал это так много раз, и огненный жук - единственный способ, которым я прошел на другую сторону.Удачи.

0 голосов
/ 28 февраля 2012

Попробуйте 

$.ajax({
    url: 'htdocs/mysite/index.cfm?event=test',
    dataType: 'html',
    success: function(htmldata){
        $('#test_div').html($(htmldata).find('#container').html());
    },
    error: function(a,b,c) {
        alert('Something went wrong: ' + b);
    }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...