小编Poo*_*dar的帖子

如何为ui-bootstrap popover更改.popover-content CSS

我正在使用ui-bootstrap popover在我的应用程序中列出一些通知.我正在使用uib-popover-template来设计popover的内容.

我想更改popover中每个元素的填充设置.

我尝试过使用popover-class属性,但这只是为整个popover配置CSS,而不是内部包含的元素 - 这就是.popover-content CSS类似乎可以控制的.

这是popover的html:

<span class="glyphicon glyphicon-globe" uib-popover-template="'myNotifications.html'"
        popover-class="my-notifications-popover"></span>
Run Code Online (Sandbox Code Playgroud)

另外,我不想这样做:

.popover-content {
     margin: 0px;
}
Run Code Online (Sandbox Code Playgroud)

因为我在我的应用程序中的多个地方使用了弹出窗口,并且不希望它们全部重新定义CSS.

谁能告诉我如何以正确的方式改变这种情况?所有人都非常感谢......

编辑1:我试图按照makshh的评论中的建议去做,并使用CSS选择器来修改'.popover-content'类.此类是父类'.popover'类中包含的div.

我试着用以下方法做到这一点:

.my-notifications-popover {
    margin-left: 0px;
}

.my-notifications-popover div {
    margin-left: 0px;
}
Run Code Online (Sandbox Code Playgroud)

这应该使.my-notifications-popover的所有子div的margin-left为零,应该应用于popover.但它似乎根本没有应用.这种方法可能并不理想,因为它会为我可能不想要的popover下的所有div设置余量.有没有办法专门使用CSS选择器专门针对.popover-content类?

我已经创建了一个plnkr来准确显示它是如何工作的....你可以在这里看到它:https://plnkr.co/edit/Lr43L5b0YUbZEa5Zkvso

css popover twitter-bootstrap angular-ui-bootstrap

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

向上滚动或向下滚动的JavaScript事件

当DIV Layer的滚动条手动向上滚动或向下滚动时,是否可以编写JavaScript来执行操作?

如果是这样,请给我一个提示,以实现一个简单的警告框,说你向上滚动,然后向下滚动.

javascript scroll

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

在属性选择器中的参数列表之后的未捕获的SyntaxError:missing)

$(document).ready(function(){
    var email_default = "Enter your email address...";
    $("input[type="email"]").attr("value", email_default);
});
Run Code Online (Sandbox Code Playgroud)

Javascript控制台提供了这个:

参数列表后面的Uncaught SyntaxError:missing)

HTML看起来像这样

<p>Name: <br><input type="text"/></p>
<p>Email: <br><input type="email" size="30" /></p>
Run Code Online (Sandbox Code Playgroud)

javascript jquery syntax-error

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

如何使用javascript更改onclick?

如何使用javascript更改onclick?

https://jsfiddle.net/749rt0m7/1/

我试图使用这段代码,但不行.我能怎么做 ?

    <span  onclick="test_fn('aaa,bbb')" id="xx">edit</span>
    <script>
        document.getElementById('xx').onclick = "test_fn(111,222)";
    </script>
Run Code Online (Sandbox Code Playgroud)

javascript onclick javascript-events

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

参数列表后面的"SyntaxError:missing"

我在firebug中收到此错误:

SyntaxError: missing ) after argument list
Run Code Online (Sandbox Code Playgroud)

从这段代码:

table +=
'<tbody>'+
  '<tr>'+
  '<td>'+this.zona+'</td>' +
  '<td>'+this.rruga+'<br/><div id="dialog-'+this.id+'" style= "margin-left:1px; width:340px; display:none;height:180px"></div></td>' +
  '<td>'+this.dita+'</td>' +
  '<td><img src="images/map.jpg"  id = "mapicon" onClick="show(this.rruga, this.id);"></td>' +
'<tr>'+
'<tbody>';
Run Code Online (Sandbox Code Playgroud)

我不太确定)我的代码中缺少哪个括号.

javascript syntax-error

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