Javascript Can';t访问jQuery插件中的原型函数

Javascript Can';t访问jQuery插件中的原型函数,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在尝试创建一个由多个360度图像组成的图像库。我想用这个,因为它似乎做了我需要它做的一切 通过Angular的初始化工作得很好,但现在我想实现多个图像,但它不起作用 没有错误,没有日志,什么都没有 这是我的代码 在html模板中: <ul class="view__content--imageList"> <li class="view__content--listItem" ng-repeat="image in laden.images" ng-click="l

我正在尝试创建一个由多个360度图像组成的图像库。我想用这个,因为它似乎做了我需要它做的一切

通过Angular的初始化工作得很好,但现在我想实现多个图像,但它不起作用

没有错误,没有日志,什么都没有

这是我的代码

在html模板中:

<ul class="view__content--imageList">
    <li class="view__content--listItem" ng-repeat="image in laden.images" ng-click="loadImage($index)">
        <p class="view__content--description">{{image.description}}</p>
    </li>
</ul>
我操纵了原始插件js,使其具有日志,现在那里的函数如下所示:

loadPhoto: function(photoFile) {
    console.log("Loading...");
    this._texture = THREE.ImageUtils.loadTexture( photoFile );
    console.log("Loaded: ", photoFile);
};
到现在为止,我已经花了半天的时间试图弄明白这一点,但我没有看到。很明显,我不是唯一一个有这个问题的人,正如你在这里看到的:但是除了使用正常工作的jQuery插件之外,我没有使用jQuery插件的经验。所以这可能是一个非常明显的错误,但是,如果有人能把我推向正确的方向,我将非常感激


编辑: 我又搜索了一下,找到了这个

我的函数现在看起来像这样,我从插件中的loadPhoto获取日志:

$scope.loadImage = function (id)
{
    console.log("Container Height: ", $('.view__content--360gallery').height());

    var image = $scope.laden.images[id].image;
    var mimage = $scope.laden.images[id].mimage;
    var temp = container.Valiant360().data('plugin_Valiant360');

    if ($('.view__content--360gallery').height() > 300)
    {
        temp.loadPhoto(image);
    } else {
        temp.loadPhoto(mimage);
    }
}

所以问题基本上解决了:)

在标记下,他们定义了数据photo src。您是否正确定义/更新数据照片src?另外,在$scope.loadImage中设置图像时,它是否指向正确的图像路径$('.valiantcainer').Valiant360('loadPhoto','path/to/file.jpg');是的,所有路径都应该是正确的。我把它们记录在需要它们的地方,看看这是否是我的错误。我很高兴看到你解决了这个问题。快乐编码!可能重复的
$scope.loadImage = function (id)
{
    console.log("Container Height: ", $('.view__content--360gallery').height());

    var image = $scope.laden.images[id].image;
    var mimage = $scope.laden.images[id].mimage;
    var temp = container.Valiant360().data('plugin_Valiant360');

    if ($('.view__content--360gallery').height() > 300)
    {
        temp.loadPhoto(image);
    } else {
        temp.loadPhoto(mimage);
    }
}