小编its*_*zad的帖子

Bootstrap:展开其他部分时折叠

我正在制作一个Rails应用程序,并且正在尝试实现与Twitter的Bootstrap 崩溃相关的特定功能.当我解释它时,请耐心等待.

我目前有以下观点:

在此输入图像描述

单击每个按钮时,将展开其数据切换div.视图设置如下:

    <button class="btn dropdown" data-toggle="collapse" data-target="#keys"><i class="icon-chevron-right"></i> Keys <span class="badge badge-info pull-right"><%= @app.keys.count %></span></button>
    <button class="btn dropdown" data-toggle="collapse" data-target="#attrs"><i class="icon-chevron-right"></i> Attributes</button>
    <button class="btn dropdown" data-toggle="collapse" data-target="#edit"><i class="icon-chevron-right"></i> Edit Details</button>

    <div class="collapse indent" id="keys">
        <!--content-->
    </div>

    <div class="collapse indent" id="attrs">
        <!--content-->
    </div>

    <div class="collapse" id="edit">
        <!--content-->
    </div>
Run Code Online (Sandbox Code Playgroud)

我有这样的设置,因为我想要按钮并排连续.如果我将按钮移动到视图正上方,它们会展开/折叠,然后按钮会叠加在一起.

所以,我的最终目标是将三个按钮并排放置,让它们折叠并展开各自的部分.然而,目前的设置工作有点尴尬.例如,如果有人展开了"键"部分,然后展开了"属性"部分,则必须在"键"部分下方滚动.

这个问题有两种可能的解决方案.一个是按下一个按钮会导致另一个按钮自行折叠.这意味着在任何给定时间,只扩展其中一个部分.

更好的解决方案,我认为是这样,当键扩展时,右边的按钮向下移动到键div的底部,当属性展开时,编辑细节按钮移动到该div的底部.这可能吗?我已经尝试通过让按钮堆叠在一起并通过css改变它们的相对位置来做到这一点,但这不起作用,因为当其中一个部分被扩展时,其他按钮最终出现在尴尬的位置扩展部分的中间部分.

最后,我想在没有twitter的引导页面上提到的手风琴风格行为的情况下尝试这样做,但是如果有人能够从设计的角度说服我更好,我肯定会重新考虑.

collapse twitter-bootstrap

64
推荐指数
5
解决办法
13万
查看次数

删除复选框的"已选中"属性

发生错误时,我需要删除一个复选框的"已检查"属性.

.removeAttr函数不起作用.任何的想法?:/

HTML

<div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;">
    <input type="checkbox" id="captureImage" name="add_image" class="custom" />
    <label for="captureImage" data-icon="checkbox">Image</label>
    <input type="checkbox" id="captureAudio" name="add_audio" class="custom" />
    <label for="captureAudio" data-icon="checkbox">Audio</label>
    <input type="checkbox" id="captureVideo" name="add_video" class="custom" />
    <label for="captureVideo" data-icon="checkbox">Video</label>
</div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

$("#captureImage").live("change", function() {
    // $("#captureImage").prop('checked', false); // Here Work

    if($("#captureImage:checked").val() !== undefined) {
            navigator.device.capture.captureImage(function(mediaFiles) {
            console.log("works");
        }, function(exception) {
            $("#captureImage").prop('checked', false); // Not Works Here
            _callback.error(exception);
        }, {limit: 1});
    }
});

/*
$("#captureAudio").live("change", function() {
    if($("#captureAudio:checked").val() …
Run Code Online (Sandbox Code Playgroud)

javascript jquery ios jquery-mobile cordova

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

mysqli_query和mysqli_real_query之间的区别

mysqli::query和之间有什么区别mysqli::real_query

要么

mysqli_query和之间有什么区别mysqli_real_query

php mysqli

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

加载文档上的全屏浏览器窗口

加载页面后如何全屏浏览器窗口?我在jQuery中使用了类似下面的代码,但它只使用事件点击 ; 但是我希望能够在负载上工作

jQuery(document).ready(function($) {
    function fullScreen(){
            var docElm = document.documentElement;
            if (docElm.requestFullscreen) {
                //alert("requestFullscreen");
                docElm.requestFullscreen();
            }
            else if (docElm.mozRequestFullScreen) {
                //alert("mozRequestFullScreen");
                docElm.mozRequestFullScreen();
            }
            else if (docElm.webkitRequestFullScreen) {
                //alert("webkitRequestFullScreen");
                docElm.webkitRequestFullScreen();
            }

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

javascript browser jquery dom-events

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

使用PHP获取字母表中前一个字母的最有效方法

它工作得很好:

$str = 'a';
echo ++$str; // prints 'b'

$str = 'z';
echo ++$str; // prints 'aa' 
Run Code Online (Sandbox Code Playgroud)

在excel文件中获取下一个列名非常有用.

但是,如果我使用类似的代码使用 - 运算符来获取前一个字母,那么它不起作用:

$str = 'b';
echo --$str; // prints 'b' but I need 'a'

$str = 'aa';
echo --$str; // prints 'aa' but I need 'z'
Run Code Online (Sandbox Code Playgroud)

什么可以解决前一个字母同样的问题?可能是因为它不起作用的原因是什么?

php string alphabet

9
推荐指数
2
解决办法
2673
查看次数

Magento:致命错误:在第432行app\Mage.php中的非对象上调用成员函数getModelInstance()

我想使用ajax调用PHP文件,其中PHP我将通过ajax调用下订单.但是当我使用该文件中的app/Mage.php时,它会抛出错误

require_once '../../../../../../../../../../app/Mage.php';    
$customer = Mage::getModel('customer/customer');
Run Code Online (Sandbox Code Playgroud)

然后它说

致命错误:在第432行的app\Mage.php中的非对象上调用成员函数getModelInstance()

谁能帮帮我吗???

magento mage fatal-error

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

magento:从前端添加产品

任何人都可以通过一些想法帮助我,我怎样才能在Magento中添加产品的大部分属性从前端添加产品?

提前致谢.

frontend product magento e-commerce

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

Google Chrome Web Inspector中GOOGLE_INPUT_CHEXT_FLAG的用途是什么?

现在,我可以看到在</body>标签结束之前出现如下所示的内容:

<div id="GOOGLE_INPUT_CHEXT_FLAG" style="display: none;" input="" input_stat="{}"></div>
Run Code Online (Sandbox Code Playgroud)

每当我尝试在Google Chrome中检查元素时,我都可以在每个网页中看到这一点.

有人知道吗?

为什么是这样?

它的用途是什么?

它对我的数据或计算机有害吗?

html google-chrome web-inspector

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

array_multisort,保持数字索引关联

我可以对多维数组进行排序,但不保持数字索引关联.

如何保持数字索引关联?

码:

$waiters[76] = array('weight' => 67, 'specialties' => 1);
$waiters[14] = array('weight' => 41, 'specialties' => 2);
$waiters[58] = array('weight' => 85, 'specialties' => 3);
$waiters[89] = array('weight' => 98, 'specialties' => 4);
$waiters[68] = array('weight' => 86, 'specialties' => 5);
$waiters[31] = array('weight' => 13, 'specialties' => 6);
print_r($waiters);
// Obtain a list of waiters
foreach ($waiters as $id => $waiter) {
    $weight[$id]        = $waiter['weight'];
    $specialties[$id]   = $waiter['specialties'];

}

// Sort the data with weight descending, specialties …
Run Code Online (Sandbox Code Playgroud)

php arrays array-multisort

5
推荐指数
2
解决办法
3293
查看次数

PHP:生成唯一数字 ID 的最佳方法

我需要生成唯一的数字ID。

  • 我可以使用uniqid,但它会生成字母数字值。

  • 我再次可以使用time,但不能保证它总是唯一的。

  • 再次,我可以使用数据库中字段的自动增量属性来获取唯一 id,但这里我们必须需要一个数据库。

那么生成唯一数字ID的最佳方法是什么?

php uniqueidentifier server

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