小编CBa*_*arr的帖子
如何在某些条件下从元素中删除Bootstrap Affix？
我有一个元素,我正在使用Twitter Bootstrap Affix插件.如果窗口被垂直调整到小于项目高度的点,我想从元素中删除词缀功能,因为你将无法在窗口中看到所有内容.
到目前为止,我已经在控制台中尝试了这个,看它是否可以删除,但它似乎没有工作.
$("#myElement")
.removeClass("affix affix-top affix-bottom")
.removeData("affix");
$(window)
.off("scroll.affix.data-api, click.affix.data-api");
也许我会以错误的方式解决这个问题？如何以编程方式从已应用它的元素中删除该词缀？
推荐指数
解决办法
查看次数
Highcharts:删除绘图边框和实际图表之间的空格
我们正在从基于闪存的图表库(FusionCharts)迁移到基于JavaScript的图表库(HighCharts).
这就是我们目前的flash图表
这就是我迄今为止使用HighCharts所获得的.
如何删除绘图边框和实际图表数据之间的空格(标有大哑红色箭头)？
这是我的代码:http://jsfiddle.net/ChrisMBarr/7JAcN/1/
var chart = new Highcharts.Chart({
chart:{
renderTo: 'container',
type: 'areaspline',
plotBorderWidth: 1,
spacingTop:2,
spacingRight:5,
spacingBottom:5,
spacingLeft:2,
borderWidth:1,
borderRadius:0,
borderColor:'#999'
},
credits: {
enabled: false
},
title: {
text: 'Total spam in the last 7 days'
},
legend: {
verticalAlign: 'bottom',
borderWidth: 1,
backgroundColor: '#FFFFFF'
},
xAxis: {
allowDecimals:false,
categories: [
'Thu 2/14',
'Fri 2/15',
'Sat 2/16',
'Sun 2/17',
'Mon 2/18',
'Tue 2/19',
'Wed 2/20'
],
labels: {
staggerLines: 2
},
tickmarkPlacement: 'on', …推荐指数
解决办法
查看次数
当获得焦点时,选择"readonly"<input />中的所有文本
我有一个文本框(设置为只读),我需要选择其内容,以便在获得焦点时轻松复制/粘贴.使用下面的代码似乎只是快速选择文本,然后出于某种原因取消选择它.
HTML
<input id='thing' type='text' value='some text' readonly='readonly' />?
JavaScript的
document.getElementById('thing').onfocus = function(){
this.select();
};?
推荐指数
解决办法
查看次数
阻止链接拖动,但仍允许文本突出显示
我在表格中有一些数据,点击它会导航到其他地方,但是人们要求能够突出显示文本以便能够将其复制/粘贴到其他地方.由于它们是链接,HTML中的默认行为是拖动链接...我不知道为什么或如何有用,但我想在某些链接上禁用它.
TL; DR:我希望能够突出显示链接的文本而不是拖动它.
下面的GIF应该有助于解释我的问题.
以下方法不是我想要的:
我已经看到了一些例子,可以阻止使用类似的东西进行突出显示和拖动
<a draggable="false" href="#">
或这个
.no-drag {
user-drag: none;
}
或这个
myElement.ondragstart = function () {
return false;
};
但显然这不是我需要的东西.这是我想做的事情吗？
推荐指数
解决办法
查看次数
采用参数的Angular 5 Component输入函数
在Angular 2+组件中,如何传入带参数的回调函数？我最初的假设是这样的
<app-example [onComplete]="doThing('someParam')"></app-example>
有时候我不需要任何参数,比如:
<app-example [onComplete]="doSomeThingElse()"></app-example>
然后在我的组件中
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
})
export class ExampleComponent {
@Input() public onComplete: () => void;
//run `this.onComplete()` somewhere as needed
}
但是,什么最终情况是,doThing('someParam')或者doSomeThingElse()是直接调用的,没有任何互动.
我应该如何将回调函数传递给稍后要调用的组件？
编辑:
我试图在这里解决的实际问题是能够在以后运行任何传入的函数.这是一个确认组件,它会询问用户"你确定要继续吗？" 然后,如果他们按下"是的我确定"按钮,传入的功能将运行.
推荐指数
解决办法
查看次数
UpdatePanel似乎重新编码页面标题中的字符？
我的标题中有特殊字符的页面用于正确的排版,例如它表示Exchange '07 Groups"具有正确的撇号,而不是单引号.撇号的HTML实体是 ‘
所以,我发现如果我从VB设置页面标题,标题显示就好了,但是一旦更新面板更新该HTML实体被重新编码并错误地显示为"Exchange‘ 07 Groups"
所以这是我的代码,我只需设置页面标题,然后是更新面板,以及更新它的按钮......
<script runat="server">
Protected Sub Page_Load(...) Handles Me.Load
Page.Title = "Exchange ‘07 Groups"
End Sub
Protected Sub uxLnkDoClick(ByVal sender As Object, ByVal e As System.EventArgs)
uxLitLoaded.Text = "Loaded!"
End Sub
</script>
<!DOCTYPE html>
<html>
<head runat="server"></head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server"></asp:ScriptManager>
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:LinkButton runat="server" ID="uxLnkDo" OnClick="uxLnkDoClick" Text="Do Something" />
<asp:Literal runat="server" ID="uxLitLoaded" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="uxLnkDo" />
</Triggers>
</asp:UpdatePanel>
</form>
</body>
</html>
关于这个还能做什么？
推荐指数
解决办法
查看次数
防止HTML电子邮件(即Outlook)中的超链接
我们收到了一些HTML电子邮件,这些电子邮件会显示我们的服务已被阻止的电子邮件地址.在Outlook中查看电子邮件时(也可能在其他客户端中),这些纯文本电子邮件地址会变成可点击的链接,这些链接会在点击时组成此邮件的新邮件.
有没有办法防止这种情况发生？也许带有标志的元标记会阻止Outlook将这些转换为可点击的链接？
推荐指数
解决办法
查看次数
为什么AngularJS过滤器在ng-if内部不起作用？
我有一个简单的AngularJS页面,其中包含我点击链接时显示和隐藏的不同部分.其中一个区域有一个可以过滤的重复列表.
包含列表的部分显示/隐藏时ng-show或ng-hide表现正常.当ng-if被使用时,列表不能被过滤.
演示
示例HTML
<nav>
<a href="javascript:{}" ng-click="area='one';">Area 1</a>
<a href="javascript:{}" ng-click="area='two';">Area 2</a>
</nav>
<div ng-if="area==='one'">
<h3>Area 1!</h3>
<input type="text" placeholder="filter list..." ng-model="filterText" />
<ul>
<li ng-repeat="item in list | filter: listFilter">
{{item.id}} - {{item.name}}
</li>
</ul>
</div>
<div ng-if="area==='two'">
<h3>Area 2!</h3>
<p>Stuff here...</p>
</div>
示例角度
$scope.area="one";
$scope.filterText="";
$scope.list = [
{id:1, name:"banana"},
{id:2, name:"apple"},
{id:3, name:"orange"},
{id:4, name:"pear"},
{id:5, name:"apricot"}
];
$scope.listFilter = function(item){
var term …推荐指数
解决办法
查看次数
正则表达式匹配表情符号
我们正在努力,我们希望用户能够同时使用的表情符号的语法项目(如:smile:,:heart:,:confused:,:stuck_out_tongue:),以及正常的表情符号(如:),<3,:/,:p)
我在使用表情符号语法时遇到问题,因为有时这些字符序列会出现在:
- 普通字符串或网址 - http
://example.com - 在表情符号语法中 -
:pencil:
我怎样才能找到这些表情字符序列,而不是当其他字符靠近它们时？
我用于所有表情符号的整个正则表达式是巨大的,所以这里是一个trimed down版本:
(\:\)|\:\(|<3|\:\/|\:-\/|\:\||\:p)
您可以在这里播放它的演示:http://regexr.com/3a8o5
推荐指数
解决办法
查看次数
角度测试 HTTP Post 调用
我有一个 angular 组件，它将一些数据发布到我们应用程序中的 URL，然后什么都不做，因为没有数据从该帖子返回。我在测试这个时遇到了麻烦，因为通常 HTTP 请求是通过订阅它们返回的 observable 来测试的。在这种情况下不需要暴露。
这是我的组件代码：
shareData(): void {
this.isFinishing = true;
this.myService.sendSharedData$()
.pipe(first())
.subscribe(() => {
//Data s now shared, send the request to finish up everything
this.submitFinishRequest();
}, (e: Error) => this.handleError(e)));
}
private submitFinishRequest(): void {
//submit data to the MVC controller to validate everything,
const data = new FormData();
data.append('ApiToken', this.authService.apiToken);
data.append('OrderId', this.authService.orderId);
this.http.post<void>('/finish', data)
.pipe(first())
.subscribe((d) => {
// The controller should now redirect the app to the logged-out MVC view, so …推荐指数
解决办法
查看次数
标签 统计
javascript ×4
angular ×2
html ×2
angular-test ×1
angular5 ×1
angularjs ×1
asp.net ×1
email ×1
emoji ×1
emoticons ×1
highcharts ×1
html-email ×1
html-input ×1
hyperlink ×1
jquery ×1
outlook ×1
page-title ×1
regex ×1
typescript ×1
updatepanel ×1