我正在使用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
当DIV Layer的滚动条手动向上滚动或向下滚动时,是否可以编写JavaScript来执行操作?
如果是这样,请给我一个提示,以实现一个简单的警告框,说你向上滚动,然后向下滚动.
$(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更改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) 我在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)
我不太确定)我的代码中缺少哪个括号.