小编rac*_*han的帖子
自动移动网站重定向
我刚刚创建了我的第一个jQuery移动网站.
我想让那些用手机查看我的"完整网站"的人自动转移到"移动网站".但也可以单击链接以查看完整站点(如果需要).
我不知道从哪里开始.我可以使用一些JavaScript吗？
如果您想查看网站的外观,请访问以下网站:http://www.solera-restaurant.com,移动网站仍在我的测试服务器上:http://graves-incorporated.com/test_sites/solera_mobile /
推荐指数
解决办法
查看次数
兼容模式变为"开"的字体真棒4.2.0无法在IE11中渲染
Font Awesome 4.2.0在Chrome,Firefox,Safari,Opera和Internet Explorer 11中完美呈现(但仅在兼容模式下"关闭").兼容模式变为"开启"时,不会渲染字形.我尝试使用一个经过验证的Font Awesome 4.2.0 CDN,我已经在其他项目中使用了Font Awesome CSS,并添加了GitHub帖子<meta http-equiv="X-UA-Compatible" content="IE=edge">中的<head>建议,以允许字形呈现兼容模式变为"开".这些解决方案都不起作用且兼容模式已关闭"关闭"不适用于此项目.所以,总之,我的问题是这个.如何在兼容模式为"打开"的Internet Explorer 11中使用Font Awesome 4.2.0渲染？
推荐指数
解决办法
查看次数
当角度输入有错误时,在焦点上显示Bootstrap工具提示
这个例子来自angularjs的文档
<form name="myForm" ng-controller="Ctrl">
userType: <input name="input" ng-model="userType" required>
<span class="error" ng-show="myForm.input.$error.required">Required!</span>
</form>
我想用Bootstrap工具提示实现相同的行为.我查看了Angular UI-Bootstraped项目(http://angular-ui.github.io/bootstrap/),但无法弄清楚如何做到这一点.
就像是:
<input type="text" value="Click me!"
tooltip="See? Now click away..."
tooltip-trigger="focus"
tooltip-placement="right"
tooltip-enabled="myForm.input.$error.required" <--- pseudo code
/>
推荐指数
解决办法
查看次数
我应该使用Bootstrap吗？
我即将开始一个非常大的前端构建项目,可能会为许多站点重用相同的网格.我团队中的后端开发人员对Bootstrap以及我们应该如何使用它感到愤怒和狂热.
我已经开始使用它并且它非常好,但我们的网格变得比Bootstrap更复杂.所以我已经深入研究了LESS文件并添加了一些自己的规则并修改了响应式网格.我也可能需要在那里更改和添加媒体查询.
所以我的问题是,考虑到我必须更改和自定义Bootstrap,最好这样做或从头开始创建我的网格/框架？
推荐指数
解决办法
查看次数
Bootstrap scrollspy和骨干路由
当我使用Backbone.js基于哈希的路由时,我将如何使用Bootstrap的Scrollspy？
Backbone路由器示例,它创建页面www.example.com/#somePage/123
var AppRouter = Backbone.Router.extend({
routes: {
"": "home",
"somePage/:id": "somePage"
},
somePage: function (id) {
console.log("do something");
}
});
$(document).ready(function(){
window.app = new AppRouter();
Backbone.history.start();
});
Twitter scrollSpy示例,它应该将#anchor-value附加到URL的末尾:
<div id="navbar" class="row-fluid">
<ul class="nav nav-pills navbar">
<li class="active">
<a href="#step1">1</a>
</li>
<li>
<a href="#step2">2</a>
</li>
</ul>
</div>
<div data-spy="scroll" data-target=".navbar">
<h4 id="step1">Step 1</h4>
<p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles …推荐指数
解决办法
查看次数
单击以水平滚动到元素
我正在尝试按下按钮时创建水平滚动DIV,它将滚动到相应的DIV ID.
我使用了以下代码,但它的行为非常错误,例如,如果您单击第2部分,然后在第2部分单击3.
我需要左边的部分是200px,而不是在左边滚动到0px.我认为这导致我遇到问题.
这是在行动中看到它的小提琴
http://jsfiddle.net/susannalarsen/vurbwete/
.nav {
position:absolute;
z-index:10000;
background:red;
left:0;
}
#content {
position:absolute;
left:200px;
top:0px;
right:0px;
bottom:0px;
overflow:auto;
-webkit-overflow-scrolling: touch;
background:green;
}
.inner-content {
height:105%;
padding-right:9000px;
}
#control-faders-wrapper {
white-space:nowrap;
padding-right:200000px;
}
.section{
margin:0px;
bottom:0px;
width:600px;
display:inline-block;
height:100%;
text-shadow:1px 1px 2px #f0f0f0;
}
.black{
color:#fff;
background:#000 url(../images/black.jpg) no-repeat top right;
}
.white{
color:#000;
background:#fff url(../images/white.jpg) no-repeat top right;
}
.desk-fader-container {
background:#e8e8e8;
border:1px solid #d2d2d2;
padding:7px;
font-size:12px;
text-align:center;
display:inline-block;
margin-left:10px;
padding-top:20px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px; …推荐指数
解决办法
查看次数
如何阻止Dreamweaver在打开HTML文件时加载附加的脚本和CSS文件？
打开文件时,Dreamweaver加载时间过长.
HTML文件附加了超过20 - 25个JS和10-15个CSS文件,这使Dreamweaver滞后.
如何阻止Dreamweaver加载附加的脚本和CSS文件？
推荐指数
解决办法
查看次数
div上的bootstrap中心进度条
我正在尝试使用Bootstrap进度条作为加载指示器,我希望进度条为一定宽度,整个事物在DIV中居中.但进度条似乎并不像是居中.
当我做:
<div class="text-center">
<img src="~/Content/Images/loading.gif" style="height:80px;" />
</div>
图像正确居中.但是当我用它替换进度条时,它会向左移动:
<div class="text-center">
<div class="progress" style="width:200px;"> <!-- set to certain width -->
<div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 100%;">
<span>
Loading...
</span>
</div>
</div>
</div>
我希望进度条显示居中.
推荐指数
解决办法
查看次数
JavaScript/jQuery 计算 URL 段
我正在寻找一种使用 JavaScript/jQuery 轻松计算 URL 段的好方法？
例如：
www.myurl.com/segment1/segment2/segment3
应该返回3
推荐指数
解决办法
查看次数
修复了多选中文本框的大小并添加滚动条？
当用户选择值时,我在下拉列表上使用了kendo multiselect,我的文本框会增加.如何在多选中为文本框设置固定大小,并添加滚动条而不是文本框溢出,以便用户可以看到所有选定的值？
HTML
<div class="col-md-8 ">
<select kendo-multi-select k-options="riskCauseOptions"
data-text-field="'text'" data-value-field="'id'"
ng-model="riskDTO.rskCausCtgyToRiskKyList"
size=2
required validationMessage="Risk Cause is required"></select>
</div>
推荐指数
解决办法
查看次数
在 HTML 标签后使用斜杠
我为我的网站使用 HTML 主题。在这个主题中，有表单标签显示为<form/>。为什么这个主题在第一个表单标签后使用斜杠？
<div class="widget-body">
<div class="widget-main">
<form class="form-search" />
<input type="text" class="input-medium search-query" />
<button onclick="return false;" class="btn btn-purple btn-small">
Search <i class="icon-search icon-on-right bigger-110"></i>
</button>
</form>
</div>
</div>
推荐指数
解决办法
查看次数
如何将<li>元素保持在固定宽度的单行上？
我正在开发一个网站,我想要一个像上面的图像菜单.这就是我尝试过的:jsFiddle
HTML
<div class="">
<ul class="header-menu-ul">
<li class="header-menu menu-link1-color"><a href="" class="header-menu-link ">ABC's Office</a></li>
<li class="header-menu menu-link2-color"><a href="" class="header-menu-link ">Benefits</a></li>
<li class="header-menu menu-link3-color"><a href="" class="header-menu-link ">NEW Brand</a></li>
<li class="header-menu menu-link4-color"><a href="" class="header-menu-link ">Editorial</a></li>
<li class="header-menu menu-link5-color"><a href="" class="header-menu-link ">Manger</a></li>
<li class="header-menu menu-link6-color"><a href="" class="header-menu-link ">Extra</a></li>
</ul>
</div>
我面临的问题是它在<li>标签之间占据了一席之地.
推荐指数
解决办法
查看次数
在文档写入(JavaScript)中创建新行
如何在新行上创建document.get中的所有项目？我试过br/和\n.两者都不奏效.它们要么导致JavaScript运行不正确,要么不创建新行.我知道我可以将每个元素放在它自己的段落元素中,但为了我的目的,我必须将它们全部放在一个段落元素中.
<script type="text/javascript">
<!--
var firstString = prompt(" Enter the first number ", "");
var secondString = prompt(" Enter the second number ", "");
var num1 = parseFloat(firstString);
var num2 = parseFloat(secondString);
var addition = num1 + num2; // Addition of num1 and num2
var subtraction = num1 - num2; // Subtraction of num1 and num2
var multiplication = num1 * num2; // Multiplication of num1 and num2
var division = num1 / num2 // Division …推荐指数
解决办法
查看次数
标签 统计
html ×9
css ×7
javascript ×4
css3 ×2
jquery ×2
angularjs ×1
backbone.js ×1
dreamweaver ×1
font-awesome ×1
fonts ×1
kendo-ui ×1
line-breaks ×1
newline ×1
url ×1