2

我正在努力寻找解决这个问题的方法,我需要从另一个视图中加载一个视图。我知道,通常,我只需要这样做:

<?php $this->load->view("smthg");?>

但是这一次,文件路径被传递给数据文件标签的属性。我有 :

<a data-file="<?php echo site_url('main/loadCocktailRecipient') ?>/{{Id}}" href="#">

实际上,这是由 javascript 函数用来自行加载视图的。所以当这样做时,它会加载控制器而不是视图文件。(或者它甚至可能不加载任何东西)假设我已将我的视图放入 app/views 文件夹中。如何确保该脚本在不需要控制器的情况下实际加载该文件?

如果这是不可能的,我如何调整 js 脚本来加载,而不是文件本身(这里首先是控制器),而是 CI' 控制器返回的最终视图?

编辑:JS脚本:

$(".cocktail .cocktail-item a").on('click', function(event) {

            event.preventDefault();

            var fileToLoad = $(this).data('file');

            if(portfolioActive) {
                closePortfolio(true, fileToLoad);
            } else {
                loadPortfolio(fileToLoad);
            }

        });

和负载组合功能是:

function loadPortfolio(fileToLoad) {
            $portfolioSingle.load(fileToLoad, function() {
                portfolioSingleH = $portfolioSingle.find('.container').outerHeight();
                $portfolioSingle.css({
                    'top': -portfolioSingleH
                });
                $('#portfolio').animate({ scrollTop: 0 }, "slow");
                $portfolioSingle.stop().animate({
                    'top': 0
                }, 500, 'easeOutCubic');
                $portfolioContainer.stop().animate({
                    'marginTop': portfolioSingleH
                });
                portfolioActive = true;
                bindClosePortfolio();
                bindFancybox();
                setupFlexslider();
            });
        }

如果这太复杂了,那么我怎么能简单地告诉他通过 id 查找车把脚本并加载将动态生成的内容?

谢谢

4

1 回答 1

1

不要那样做,是个坏主意。为此,您需要从 views 文件夹中删除 .htaccess 文件。

相反,请使用发出 ajax 请求的 jquery get 函数。$.get("main/loadCocktailRecipient/1");

最好的方法是做一个新的控制器,它返回一个带有请求数据的 json 对象。然后,使用 $.get 检索该 json,最后,您遍历该 json 以随时放置内容。

来自 jQuery文档

$.ajax({
    url: "main/loadCocktailRecipient", //the url to retrieve the data
    data: { id: "1" }, //you can send the get parameters here
    success: success, //the data returned (your json or html)
    dataType: dataType //html, json, etc... if the dataType returned is not what you specify it will enter on a .error function. check the jquery documentation
});
于 2013-07-31T07:43:22.977 回答