Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Slimscroll在带有AngularJs的ui视图中不起作用_Javascript_Jquery_Css_Angularjs_Slimscroll - Fatal编程技术网

Javascript Slimscroll在带有AngularJs的ui视图中不起作用

Javascript Slimscroll在带有AngularJs的ui视图中不起作用,javascript,jquery,css,angularjs,slimscroll,Javascript,Jquery,Css,Angularjs,Slimscroll,我想在我的项目中使用SlimScroll。问题在于,需要查询的内容位于ui视图中 以下是标记: <div class="col-lg-6" id="conversation-content"> <div id="scroll"> <div ui-view="conversation-content"></div> </div> </div> 任何帮助都将不胜感激。如果没有更多详细信息,我只能

我想在我的项目中使用SlimScroll。问题在于,需要查询的内容位于ui视图中

以下是标记:

<div class="col-lg-6" id="conversation-content">
    <div id="scroll">
        <div ui-view="conversation-content"></div>
    </div>
</div>

任何帮助都将不胜感激。

如果没有更多详细信息,我只能建议按以下顺序添加这些脚本块:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.slimscroll.js"></script>
<script type="text/javascript">
$(function ()
{
    $("#scroll").slimScroll({
        height: "auto",
        color: "#00f",
        size: "10px",
        alwaysVisible: true
    });
});
</script>

$(函数()
{
$(“#滚动”).slimScroll({
高度:“自动”,
颜色:“00f”,
尺寸:“10px”,
总是看得见:是的
});
});

这要求
jquery.slimscroll.js
与此HTML或网页位于同一文件夹/目录中。如果您使用的是精简版,请将
jquery.slimscroll.js
替换为
jquery.slimscroll.min.js

如果有人想在AngularJS中使用slimscroll,但不想将jquery作为依赖项,我找到了一个

#scroll
div必须有一个高度和一个
位置:relative
。现在它工作得很好。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.slimscroll.js"></script>
<script type="text/javascript">
$(function ()
{
    $("#scroll").slimScroll({
        height: "auto",
        color: "#00f",
        size: "10px",
        alwaysVisible: true
    });
});
</script>