更改数据路径threesixty插件

Question

我正在使用threesixty插件（jQuery）来显示汽车的360度视图。

<div class="threesixty" data-path="img/volvo/test/car{index}.jpg" data-count="6"></div>
</div>
<script type="text/javascript">


           var $threeSixty = $('.threesixty');

                $threeSixty.threeSixty({
                    dragDirection: 'horizontal',
                    useKeys: false,
                    draggable: true
                });

 </script>

我想使用选择框来更改显示的车辆，这样用户就可以选择自己想要看的车。

我尝试使用.change函数调用.data函数来更改路径。

<script type="text/javascript">


           var $threeSixty = $('.threesixty');

                $threeSixty.threeSixty({
                    dragDirection: 'horizontal',
                    useKeys: false,
                    draggable: true
                });

                $( "select" ).change(function() {
                  $('.threesixty').data('path', 'img/bmw/test/car{index}.jpg');
                });

 </script>

它似乎没有任何改变。

当我使用时：

 $( "select" ).change(function() {
                  $('.threesixty').attr('data-path', 'img/bmw/test/car{index}.jpg');
                });

它确实改变了路径，但仍然没有显示新的图像集。

请帮忙吗？