我正在为[使用Bootstrap]构建一个表单,并使用HTML5的新type="range"指定一个美元金额.
<input type="range" min="10" max="1000" step="10" />
Run Code Online (Sandbox Code Playgroud)
任何人都可以推荐一个<input>带有Bootstrap表单元素样式的插件吗?特别是,HTML5 Range输入[以及相应的输出元素].
我很惊讶bootstrap还没有提供HTML5表单资产,并希望避免重新发明轮子; 除非绝对必要.
如果有人能指出我正确的方向,我将不胜感激.
我已经创建了一个PHP类来与Instagram的API进行通信.我正在使用一个名为api_request(如下所示)的私有函数与Instagram的API进行通信:
private function api_request( $request = null ) {
if ( is_null( $request ) ) {
$request = $this->request["httpRequest"];
}
$body = wp_remote_retrieve_body( wp_remote_get( $request, array(
"timeout" => 10,
"content-type" => "application/json"
)
)
);
try {
$response = json_decode( $body, true );
$this->data["pagination"] = $response["pagination"]["next_url"];
$this->data["response"] = $response["data"];
$this->setup_data( $this->data );
} catch ( Exception $ex ) {
$this->data = null;
}
}
Run Code Online (Sandbox Code Playgroud)
这两行代码......
$this->data["pagination"] = $response["pagination"]["next_url"];
$this->data["response"] = $response["data"];
Run Code Online (Sandbox Code Playgroud)
...在此数组中设置我的数据:
private $data = array ( …Run Code Online (Sandbox Code Playgroud) 我创建了一个滚动模态窗口overflow: hidden,当模态打开时,它需要应用于主体,以防止主体滚动。但是,overflow: hidden导致我的身体跳到页面顶部。为什么这是我如何防止这种情况发生?
编辑:这是我的 css <body>:
body {
margin: 0 !important;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: subpixel-antialiased;
font-smooth: always;
text-rendering: optimizeLegibility;
text-shadow: 0 0 0 transparent;
color: white;
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size: 1em;
line-height: 1.5;
}
Run Code Online (Sandbox Code Playgroud)
这是我的模态窗口的 css:
.menu {
opacity: 0;
display: none;
color: white;
overflow: hidden;
position: absolute;
z-index: 10;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.menu .options {
overflow-y: scroll;
height: 100%;
width: 100%; …Run Code Online (Sandbox Code Playgroud) 我正在尝试[在jsfiddle]中创建一个函数来将新创建的函数追加TextNode到<p>下面的HTML中:
<button onclick="addTextNode('YES! ');">YES!</button>
<button onclick="addTextNode('NO! ');">NO!</button>
<button onclick="addTextNode('WE CAN! ');">WE CAN!</button>
<hr />
<p id="p1">First line of paragraph.</p>
Run Code Online (Sandbox Code Playgroud)
这是我的javascript:
function addTextNode(text) {
var newtext = document.createTextNode(text),
p1 = document.getElementById("p1");
p1.appendChild(newtext);
}
Run Code Online (Sandbox Code Playgroud)
这很好用.然而,当我试图通过从标记中删除行为来使我的javascript"不引人注目"时,症结就会显现出来......
<button>YES!</button>
<button>NO!</button>
<button>WE CAN!</button>
<hr />
<p id="p1">First line of paragraph.</p>
Run Code Online (Sandbox Code Playgroud)
然后利用一个循环附加addEventListener到每个<button>元素,然后使用子TextNode进行调用addTextNode:
function addTextNode(text) {
var newtext = document.createTextNode(text),
p1 = document.getElementById("p1");
p1.appendChild(newtext);
}
var btns = document.getElementsByTagName("button");
for(i = 0; i < btns.length; i++){ …Run Code Online (Sandbox Code Playgroud) 我rails server在我的app目录中键入命令并收到此错误:
bin/rails:6: warning: already initialized constant APP_PATH /Users/user/Repositories/simple_cms/bin/rails:6: warning: previous definition of APP_PATH was here Usage: rails COMMAND [ARGS]
Run Code Online (Sandbox Code Playgroud)
然后我导航到bin/rails目录以找出APP_PATH是什么.这是我在第6行找到的:APP_PATH = File.expand_path('../../config/application', __FILE__)
不想直接改变这个文件,我按照github上发现的建议,并'spring', group: :development从我的评论中评论了宝石Gemfile
我rails server再次尝试了该命令并收到了同样的错误,所以我取消注释'spring', group: :development并rails server最后一次尝试.
这一次,我第二次围绕一个完全不同的错误... http://pastebin.com/bPYgufBH
为什么我不能启动我的服务器?
我想用if type(x) not list
而不是if not isinstance(x, list)
我错过了什么?
if not isinstance(x, list)
因为我没有检查类继承,所以看起来很过分.
我想和css_head_scripts并js_head_scripts附加wp-head
但Wordpress完全忽略它?我错过了什么吗?
function css_head_scripts() {
wp_enqueue_style( 'Master Stylesheet', get_template_directory_uri()."style.css" );
}
function js_head_scripts() {
echo '<!--[if lt IE 9]>';
wp_enqueue_script( "HTML5 Shiv", "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" );
wp_enqueue_script( "Respond.js", "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" );
echo '<![endif]-->';
}
function js_footer_scripts() {
wp_enqueue_script( "My jQuery", "http://code.jquery.com/jquery-1.10.2.min.js" );
wp_enqueue_script( "Bootstrap", get_template_directory_uri()."/js/bootstrap.min.js" );
}
add_action('wp_head', 'css_head_scripts');
add_action('wp_head', 'js_head_scripts');
add_action('wp_footer', 'js_footer_scripts');
Run Code Online (Sandbox Code Playgroud)