jQuery неправильно загружает представление CodeIgniter

Question

$("#slideshow").click(function() {
    $("#content").fadeOut(function() {
        $(this).load('<?php $this->load->view("slideshow"); ?>', function() {
            $(this).fadeIn()
        });
    });
});

Когда я запускаю приведенный выше код в Ci, CodeIgniter ожидает представление «слайд-шоу» в начале документа.Мне нужно, чтобы он отображался только при нажатии на идентификатор «слайд-шоу».Этот фрагмент кода обычно работает, но не знаю, почему он сейчас забавен.Есть идеи?

Answer 1

Я не уверен, что вы пытаетесь сделать здесь. Просмотр файлов в CodeIgniter должен содержать HTML. Контроллеры могут загружать представления и передавать им данные, если это необходимо. Представления - это шаблоны.

$(this).load('<div id="test"></div>', function(){});

Это приведет к ошибке, поскольку .load ожидает URL, а не HTML (если вы не привязаны к событию onload, где 1-й параметр может быть массивом данных, но я не думаю, что что ты делаешь).

Я предполагаю, что вы хотите, чтобы jQuery загружал содержимое файла представления в #content. Для этого вам понадобится контроллер, который выводит представление. Например:

Контроллер

function slideshow(){
    $this->load->view('slideshow');
}

JQuery

$("#slideshow").click(function() {
   $("#content").fadeOut(function() {
      $(this).load('/path/to/controller/slideshow', function() {
         $(this).fadeIn()
      });
   });
});

Answer 2

Это создает такой мусор, что ваш браузер поместит его куда-нибудь (в начале документа):

$(this).load('<?php $this->load->view("slideshow"); ?>', function() {

Поскольку строка требует правильного кодирования, например, в виде строки JavaScript с json_encode ^{& shy; Документы} :

$(this).html(<?php echo json_encode($view_html); ?>);
$(this).fadeIn(); 

Проверьте документы CI, как получить представление, возвращаемое в виде строки вместо вывода. Я оставляю это как упражнение.

Answer 3

попробуйте сделать это:

$(this).load("<?php $this->load->view('slideshow','','true'); ?>", function() { ......  }

Обратите внимание, что я использую одинарные кавычки, а третий параметр true.