小编PSL*_*PSL的帖子

Bootstrap面板组内的下拉菜单不完全可见

我正在尝试使用下拉菜单与可折叠面板组一起使用.如果我把它从.panel-groupdiv中取出,那么下拉列表工作正常.我正在使用Bootstrap 3.0.3

非工作js小提琴:http: //jsfiddle.net/E2rqA/

它应该是这样的:http: //jsfiddle.net/ShCaf/

html css twitter-bootstrap

3
推荐指数
1
解决办法
5429
查看次数

如何将jQuery UI selectmenu与按钮对齐?

我一直在努力解决这个问题(我真的没有使用过jQuery UI).

我正在尝试实现一个jQuery UI,它在一些常规按钮旁边有一个selectmenu.由于某些原因,我无法理解,选择菜单是错误对齐的; 它在页面上比按钮更高.

这是它的样子:

错误对齐的UI元素的屏幕截图

我不确定这是不是一个bug,对我来说肯定是非常错误的.我现在已经挣扎了很长一段时间,但还是没能弄清楚.

标记非常基本,所以我认为将它包含在这里并不是很有帮助.但是这一切都在这里:http://jsbin.com/afixij/10/edit?html,css,js,output.加宽输出以查看同一行上的所有三个元素(选择菜单和按钮Foo和Bar).

html javascript css jquery-ui

3
推荐指数
1
解决办法
3136
查看次数

jQuery 无法在调用 ignite ui 过滤网格方法的初始化错误之前调用方法

我正在尝试从他们的小提琴示例中引用 infragistics ignite ui grid 上的过滤器方法。似乎在他们的小提琴上表现正常,但在我的 angularjs 应用程序上表现不佳。你可以在这里找到小提琴 - http://jsfiddle.net/40xgtcry/

在我的 angular js 应用程序中,我正在使用一些虚拟数据在 angular 指令中初始化网格,然后我通过调用 igGridFiltering 方法进行跟踪。

define(['directives/directives', 'northwind'],
    function(directives) {
        directives.directive('gridView', function () {
            return {
                restrict: 'EA',
                scope: true,
                link: function (scope) {
                    scope.$on("InventoryDataReady", function  (){
                           // $( '#' + scope.gridSettings.targetId ).igGrid(scope.gridSettings);
                        $('#' + scope.gridSettings.targetId).igGrid({
                            autoGenerateColumns: false,
                            columns: [
                                { headerText: "Employee ID", key: "EmployeeID", dataType: "number" },
                                { headerText: "First Name", key: "FirstName", dataType: "string" },
                                { headerText: "Last Name", key: "LastName", dataType: "string" },
                                { …
Run Code Online (Sandbox Code Playgroud)

infragistics angularjs ignite-ui

3
推荐指数
1
解决办法
2083
查看次数

动态变量为angularjs ng-repeat

进入第一个循环,我恢复了一个id,我尝试定义其他循环,如下所示:

    <ul ng-show="feed{{raterie.idFB}} === true" ng-init="var myFeed = myFeedFunction(raterie.idFB);">
        <li ng-repeat="feed in getFeeder(raterie.idFB) | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder{{raterie.idFB}} | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder{raterie.idFB} | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder[raterie.idFB] | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder['raterie.idFB'] | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in myFeed | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder846097918756247 | …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angularjs-scope angularjs-ng-repeat

3
推荐指数
1
解决办法
8921
查看次数

$ scope不适用于ng-template

我正在尝试使用模态来编辑表单,模式在ng-template脚本中,但单击编辑按钮时不显示表单数据.
$ scope不可用于模板脚本.
我在这里创建了一个Plunker

$scope.setCurrentItem = function (item) {
    $scope.currentItem = item;
};

$scope.edit = function (item) {            //editing item
    $scope.setCurrentItem(angular.copy(item));            
    //$scope.editItem = item;
    openEditModal();
};

<!--html-->
<script type="text/ng-template" id="myModalContent.html">     
<label for="name">Role: </label>                                
<input type="text" ng-model="currentItem.roleName" required />
</script>
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

angularjs angularjs-scope angular-ui-bootstrap

3
推荐指数
1
解决办法
1352
查看次数

angularjs ng-repeat with filter and track by $ index not working

我试图把一些视频,这个名称位于这个json文件,在div内,这是json文件:

{
    "videos": {
        "name": [
            "dfg.webm",
            "fdgh.mp4"
        ]
    }
}
Run Code Online (Sandbox Code Playgroud)

这是脚本:

(function(){
    var app=angular.module("index",[]);

    var videoUrl=function(name){
        alert("asd");
        return "./videos/"+name;
    };  
    app.filter('videoUrl',function(){alert("asd");return videoUrl;});

    var mainController=function($scope,$http){
       var videosSuccess=function(response){
           $scope.videosJSON=response.data;         
       };
       var videosError=function(response){};
       $http({
           method: 'GET',
           url: "http://192.168.1.66/videos.json",
       }).then(videosSuccess,videosError);
    };
    app.controller("mainController",["$scope","$http",mainController]);

}());
Run Code Online (Sandbox Code Playgroud)

这是html:

<html lang="es" ng-app="index">
    <head>
    ...
    </head>
    <body ng-controller="mainController">
        <div id="videosdiv">
            <video ng-repeat="video in videosJSON.videos.name | filter:videoUrl track by $index" preload="metadata" ng-src="{{video}}" type="video/webm">      
            </video>
        </div>

    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

问题是浏览器呈现这个:

<video data-ng-repeat="video in videosJSON.videos.name | filter:videoUrl track by $index" preload="metadata" ng-src="dfg.webm" type="video/webm" …
Run Code Online (Sandbox Code Playgroud)

arrays angularjs angularjs-ng-repeat angularjs-filter

3
推荐指数
1
解决办法
1万
查看次数

在Angular中使用controllerAs语法,我该如何看变量?

使用AngularJS中的标准控制器语法,您可以观察变量,如:

$scope.$watch(somethingToWatch, function() { alert('It changed!'); });
Run Code Online (Sandbox Code Playgroud)

使用controllerAs语法,我想对活动控制器中的此更改做出反应.最简单的方法是什么?

更多细节,如果它有帮助.我在侧窗格中有一个控制器来控制应用程序的上下文(用户选择,开始时间,结束时间等).因此,如果用户更改为不同的上下文,主视图应该做出反应并更新.我将上下文值存储在工厂中,每个控制器都注入该工厂.

javascript angularjs angularjs-controller

3
推荐指数
1
解决办法
898
查看次数

如何用CSS选择第n个孩子?

鉴于以下HTML和CSS,我想使用nth-child伪类突出显示列表中的第二个元素.我如何更改以下内容来完成此操作?

小提琴:http://jsfiddle.net/jeljeljel/DHKj5/

HTML

<div id="topdiv">
    <div class="middlediv">
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.topdiv > div:nth-child(n+2) {
    font-weight:bold;
    font-color:red;
}
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

2
推荐指数
1
解决办法
128
查看次数

将jquery remove方法设置为动画完成时的回调不起作用

我正在做一个小游戏,在这个游戏中,我需要经常发生灾难.这场灾难必须动摇我的MainFrame元素并删除类.House,建筑数组和DOM中的所有元素.

这段代码在一定程度上起作用,问题是它不会从DOM中删除元素,只能从数组中删除.你能帮我搞定吗?我第一次使用这个网站,所以我希望我没有留下任何相关内容.

setInterval(function() {

    var iDisasterChance = getRandomNumber(1, 12);

    if (iDisasterChance === 1)
    {
        $(".MainFrame").effect("shake", {times: 8}, 4000);
        //$(".House").effect("explode", {pieces: 24}, 4000);
        $(".House").effect("explode", {pieces: 24}, 4000,  $(".House").remove); // TODO: bug - leaves elements in the dom
        //$(".House").remove();
        oCity.aBuildings.length = 0;
        console.log(iDisasterChance +' of 12');
        console.log('*** DISASTER ! AVOIDED ***');
        console.dir(oCity.aBuildings);
        return false;
    }
    else
    {
        console.log(iDisasterChance +' of 12');
        console.log('*** DISASTER AVOIDED ***');
    }
}, 10000);
Run Code Online (Sandbox Code Playgroud)

javascript jquery

2
推荐指数
1
解决办法
142
查看次数

在"on"方法中使用obj/this

我的javascript看起来像

$('.adv_group').each(function(){
    var eachAdvGroup = $(this);
    $(document).on('keypress', **eachAdvGroup.find('.userinput:last')** ,function(){
         //do something
    }
})
Run Code Online (Sandbox Code Playgroud)

我知道'on'只接受String,所以如何将$(this).find('.userinput:last')翻译成字符串?

PS我想最后.userinput.adv_group

javascript jquery jquery-selectors

2
推荐指数
1
解决办法
84
查看次数