小编pau*_*dru的帖子

Bootstrap 3下拉选择

我们正在尝试使用bootstrap重新实现我们的注册表单.我们的注册表单包含一个代表公司类型的下拉列表.我已在网上广泛搜索,但我没有看到任何表格输入将是下拉列表的示例.

Bootstrap提供了大量与各种操作相关的下拉列表示例,但我需要的是下拉输入.我想出了两个解决方案:

第一:

<label>Type of Business</label>
<select class="form-control">
    <option>small</option>
    <option>medium</option>
    <option>large</option>
</select> 
Run Code Online (Sandbox Code Playgroud)

这里有一个问题:虽然盒子本身的样式正确但是下拉本身没有应用样式.

在此输入图像描述

第二版:

<div class="btn-group">
    <button type="button" class="form-control btn btn-default dropdown-toggle" data-toggle="dropdown">
        Select Business type <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">small</a></li>
        <li><a href="#">medium</a></li>
        <li><a href="#">large</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这个很好看:

在此输入图像描述

但它是一个按钮.选择一个选项后,我不想执行任何操作,只需更改文本并将选择与相应的输入字段绑定即可.

这两种方法都是我行动的错误选择.我拒绝相信Bootstrap不包含绑定到输入字段的简单下拉单选组件.

我错过了什么?请帮忙.

twitter-bootstrap drop-down-menu twitter-bootstrap-3

27
推荐指数
4
解决办法
20万
查看次数

Composer/WordPress:应该或不应该提交wp-content目录

所以我最近开始在教程的基础上使用Composer和WordPress .

这是我的composer.json档案:

{
    "repositories": [
        {
            "type": "package",
            "package": {
                "name": "wordpress",
                "type": "webroot",
                "version": "4.3",
                "dist": {
                    "type": "zip",
                    "url": "https://github.com/WordPress/WordPress/archive/4.3.zip"
                },
                "require" : {
                    "fancyguy/webroot-installer": "1.0.0"
                }
            }
        }
    ],
    "require": {
        "wordpress": "4.*",
        "fancyguy/webroot-installer": "1.0.0"
    },
    "extra": {
        "webroot-dir": "public/wp",
        "webroot-package": "wordpress"
    }
}
Run Code Online (Sandbox Code Playgroud)

它工作正常,我有这个文件夹结构:

在此输入图像描述

因为它是在该教程提到的,我复制index.php,wp-config.phpwp-content外部目录wp目录和替换的路径.

到目前为止,一切都很完美:

关于使用源代码管理工具进行内务管理.您要忽略composer.phar文件和public/wp目录.其他一切都可以被提交和推动.

所以看起来除了public/wp文件夹之外,一切都可以提交和推送.(包括wp-content文件夹)

这是我不明白的事情.我们必须提交/推wp-content目录,因为它有它使用有不同的位置,但在同一时间该wp-content文件夹包含pluginsthemes文件夹,使我们的插件和主题将使用作曲家不应犯添加/右侧推压? .

插件和主题也将使用composer添加到开发环境中,因此我们不能提交它们,但是它们位于wp-content应该提交的目录中? …

php git wordpress dependencies composer-php

15
推荐指数
1
解决办法
433
查看次数

Bootstrap 3.1轮播上每个项目的不同幻灯片持续时间

我试图为每张幻灯片设置不同的持续时间,因为我的一些幻灯片有大量的内容和一些小的请给我一个小提琴的解决方案

我尝试了这个,但它只适用于幻灯片动画计时:

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap twitter-bootstrap-3

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

JavaScript将事件附加到动态呈现的元素

我有2个文件index.htmlall.js.

all.js

(function(){
    if (document.getElementById('btn1')){
        document.getElementById("btn1").addEventListener("click", displayMessage);
    }

    function displayMessage(){
        alert("Hi!");
    }
})()
Run Code Online (Sandbox Code Playgroud)

的index.html

示例1: - 工作示例

<button id="btn1">Hit me !</button>
<script type="text/javascript" src="all.js"></script>
Run Code Online (Sandbox Code Playgroud)

示例2: - 不工作示例

<button id="btn2" onclick="show()">Show</button>
<script type="text/javascript">
    function show(){
        var btn = document.createElement("BUTTON");
            btn.setAttribute("id", "btn1");
            btn.innerHTML = "Hit me !";
        document.getElementById("btn2");
        document.body.insertBefore(btn, btn2);
    }
</script>
<script type="text/javascript" src="all.js"></script>
Run Code Online (Sandbox Code Playgroud)

描述:在第一个示例中btn1,立即渲染并将事件附加到其中.在第二个示例btn1中,仅当您单击时才会呈现btn2,之后如果单击btn1则不会发生任何事情.

如何在btn1不改变的情况下附加活动all.js

这是整个代码

注意:不要问我为什么尝试做这样的事情,不要问我为什么我不被允许改变,all.js因为这个例子是一个简化的例子,在我的情况下all.js文件中包含数千行,其中包含大量事件元素.JavaScript解决方案意味着我不允许使用其他外部库. …

html javascript events dom addeventlistener

10
推荐指数
1
解决办法
4695
查看次数

Twitter Bootstrap 3中按钮组之间的水平分隔符

我试图在单选按钮组之间放一些文本....我试过了两个

<hr>
Run Code Online (Sandbox Code Playgroud)

<br>
Run Code Online (Sandbox Code Playgroud)

标签.但它不起作用......文本始终坚持按钮组.这是我的代码

<div class="btn-group btn-group-sm" data-toggle="buttons">

          <label class="btn btn-default">
    <input type="radio" name="options" id="option1"> <span class="glyphicon glyphicon-music"> MP3</span></label>
         <label class="btn btn-default">
    <input type="radio" name="options" id="option2"> <span class="glyphicon glyphicon-music"> WAV</span></label>

<hr>
<p>Use conversion tools</p>

<label class="btn btn-default">
    <input type="radio" name="options" id="option3"> <span class="glyphicon glyphicon-film"> MKV</span></label>
        <label class="btn btn-default">
    <input type="radio" name="options" id="option4"> <span class="glyphicon glyphicon-film"> FLV</span></label>
 </div>  
Run Code Online (Sandbox Code Playgroud)

我的目的是在组选择之间创建一些差距或使用分隔符.

html css twitter-bootstrap twitter-bootstrap-3

6
推荐指数
3
解决办法
3万
查看次数

Javascript检测父元素的子元素是否具有类集

这是我的代码:

<div id="main">
    <div class="myclass"></div>   
</div>
Run Code Online (Sandbox Code Playgroud)

如何检测maindiv内部是否有带myclassset的元素?

附注。香草 JS,没有 jQuery

html javascript css

6
推荐指数
2
解决办法
4882
查看次数

Laravel 5:当url以"/"结尾时防止重定向

我的申请网址是:

http://localhost/my-app
Run Code Online (Sandbox Code Playgroud)

我的管理面板在这里:

http://localhost/my-app/admin
Run Code Online (Sandbox Code Playgroud)

但是当我尝试使用此URL访问管理面板时:

http://localhost/my-app/admin/
Run Code Online (Sandbox Code Playgroud)

它将我重定向到:

http://localhost/admin
Run Code Online (Sandbox Code Playgroud)

有没有办法防止这种情况发生?我也希望从此网址访问管理面板.

我的htaccess文件目前看起来像这样:

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews
    </IfModule>

    RewriteEngine On

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)/$ /$1 [L,R=301]

    # Handle Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]
</IfModule>
Run Code Online (Sandbox Code Playgroud)

php .htaccess laravel laravel-4 laravel-5

5
推荐指数
1
解决办法
810
查看次数

HTML 检查 - 使用 tel inside href 时网站无效

因此,当我尝试在这里验证它时,我收到此错误:

元素 a 上的属性 href 的错误值 tel:0000 00 00 00:方案数据中存在非法字符:不是 URL 代码点

我的 html 看起来像这样:

<a href="tel:0000 00 00 00">0000 00 00 00</a>
Run Code Online (Sandbox Code Playgroud)

有没有什么办法解决这一问题?

html w3c-validation hyperlink tel

4
推荐指数
1
解决办法
6243
查看次数

Javascript内联用空字符串替换未定义

我有这个功能:

function callWS(input) {
    var output = {
        "type"  : input["type"]  || "",
        "mark"  : input["mark"]  || "",
        "model" : input["model"] || "",
        "year"  : input["year"]  || ""
    };

    return output;
}
Run Code Online (Sandbox Code Playgroud)

我希望用户通过多种方式调用这个函数:

callWS(); ==> {"type":"","mark":"","model":"","year":""}
callWS({"type":"moto"}); ==> {"type":"moto","mark":"","model":"","year":""}
callWS({"type":"moto","mark":"audi"}); ==> {"type":"moto","mark":"audi","model":"","year":""}
Run Code Online (Sandbox Code Playgroud)

如果参数未定义,则将其初始化为空字符串。目前我的功能在第一种情况下不起作用,但在另一种情况下起作用。

当我这样称呼它时,callWS()我得到:

Uncaught TypeError: Cannot read property 'type' of undefined
Run Code Online (Sandbox Code Playgroud)

老实说,我不知道为什么它适用于 2 和 3 情况,但我需要让它也适用于第一种情况。我知道如果我使用:

if (input["type"])
Run Code Online (Sandbox Code Playgroud)

可以解决问题,但我需要一个内联解决方案。这有可能吗?

javascript string ternary-operator undefined

4
推荐指数
1
解决办法
5395
查看次数

没有找到Android SDK SDK工具目录丢失

基本上,我人生中第一次安装了 Android Studio android-studio-ide-182.5264788-windows.exe,当我打开它时,我得到:

缺少 SDK,未找到 Android SDK 已找到

我还检查了这个路径:C:\Users\<user>\AppData\Local但我还没有找到 Android 文件夹,因为我正在寻找C:\Users\<user>\AppData\Local\Android\Sdk

如果我按下一步下一步完成我会得到:

Nothing to do!
Android SDK is up to date.
SDK tools directory is missing
Run Code Online (Sandbox Code Playgroud)

我还检查了互联网上发布的各种解决方案,但没有一个解决了我的问题。

android-studio android-sdk-manager

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