0

在渲染列表中的 div 之后，我试图让我的 Anythingslider 重新加载。

    <h:selectOneMenu id="dropdownDevice"
        value="#{skinningBean.currentDevice}" converter="SkinConverter">
        <f:selectItems value="#{skinningBean.myDevicesSI}" var="c"
            itemValue="#{c}" />
        <a4j:ajax event="change" render="preview" oncomplete="reloadSlider()" />

    </h:selectOneMenu>

注意：预览 div 在slider1 列表周围

<script type="text/javascript">  
function reloadSlider() {  
    var $jq = jQuery.noConflict();
    $jq(function($){
      $jq('#slider1').anythingSlider();
    }); 
}  
</script>

但我一直收到这个错误（我尝试了不止这个解决方案）：

Error: TypeError: $jq(...).anythingSlider is not a function

在此之后，仅显示简单的列表元素。有什么想法可以实现重新加载滑块吗？

编辑：我不希望重新加载整个页面，因为下拉菜单不是我渲染的唯一组件

这就是我初始化anyslider的方式：

<script src="../js/jquery.anythingslider.js"></script>
<link rel="stylesheet" href="../css/anythingslider.css" />

<script type="text/javascript">
var $jq = jQuery.noConflict();
$jq(function($){
  $jq('#slider1').anythingSlider();
}); 
</script>

我只是复制了它并用一个函数包装了它，所以我可以再次调用它。

4

1 回答 1

1

看来问题是noConflict()在函数内部多次调用该模式，将其移到外部：

<script type="text/javascript">  
var $jq = jQuery.noConflict();
function reloadSlider() {  
    $jq(function($){
      $jq('#slider1').anythingSlider();
    }); 
}  
</script>
于 2013-03-20T12:50:23.093 回答