小编Pao*_*ssi的帖子

jquery 剪贴板插件和引导程序 3 工具提示

我在这里使用剪贴板插件

我想修改剪贴板成功事件上的引导程序 3 工具提示标题,但出现错误“TypeError: e.trigger.tooltip is not a function”

<div class="panel panel-default">
  <div class="panel-body">
    <p>
      USERNAME : <a href="#" title="Copy" class="btn-copy" data-clipboard-text="foo">foo</a>
      <br />
      PASSWORD : <a href="#" title="Copy" class="btn-copy" data-clipboard-text="bar">bar</a>
    </p>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

$(".btn-copy").tooltip({
  placement: 'right'
});

clipboard.on('success', function(e) {
  e.clearSelection();
  console.log(e.trigger); -->//<a class="btn-copy" data-clipboard-text="foo" title="" href="#" data-original-title="Copy" aria-describedby="tooltip870310">

  e.trigger.tooltip({ title: 'Copied' });
});

clipboard.on('error', function(e) {
  console.log(e);
});
Run Code Online (Sandbox Code Playgroud)

JSFIDDLE

如何解决这个问题?谢谢

clipboard jquery twitter-bootstrap

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

PHP 从数组生成 sql where 子句

我想在我的 php 类中动态地从数组中创建一个 where 子句,其中定义了搜索字段。

$search = array('brand' => 'something', 'model' => 'something');
$myclass->testarr($search);
Run Code Online (Sandbox Code Playgroud)

班级

public function testarr($search){

    if (!empty($search)){

        foreach ($search as $key => $value) {

            $where = $key . " = " . $value;
        }

    $clause = !empty($where) ? 'WHERE' : '';

    $result = $this->db->mysqli->query
    ("SELECT * FROM tb1 $clause $where");

    }

}
Run Code Online (Sandbox Code Playgroud)

我的问题是通过输入后缀 AND 来管理具有多个字段的子句。我怎么能这么做呢?谢谢

php mysql

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

jQuery Bootstrap Select2插件问题与Validate插件

在我的引导项目中,我尝试使用插件select2,但我意识到,如果您使用此插件,将无法再使用validate插件来验证表单中的选择字段。我会避免使用商业插件引导验证程序。

<div class="container">
<div class="row">
    <form id="test_form" action="?">
        <div class="col-md-3">
            <div class="form-group">
                <label for="name">Foo</label>
                 <select class="form-control" id="foo" name="foo">
                     <option value=""></option>
                     <option value="1">1</option>
                     <option value="2">2</option>
                 </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label for="name">Bar</label>
                <select class="form-control" id="bar" name="bar">
                    <option value=""></option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                </select>
            </div>
        </div>
        <div class="col-md-1">
            <button type="submit" class="btn btn-primary">VALIDATE</button>
        </div>
    </form>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

/* select 2 plugin */
$('select#foo').select2();

/* Validation */
$("#test_form").validate({
    rules:
    {
        foo: { required: true },
        bar: { required: true }
    }, …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate twitter-bootstrap jquery-select2

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

自举切换,宽度为100%

我正在使用bootstrap toggle插件链接,我想知道如何设置宽度100%像btn-block一样占用父元素的所有空间.现在我只能用px值设置with.

$('.toggle').bootstrapToggle({
    on: 'Y',
    off: 'N',
    width: ONLY FIXED SIZE IN PX,
    size: 'small'
});
Run Code Online (Sandbox Code Playgroud)

我尝试为此创建一个自定义类但没有成功.

<div class="row">
    <div class="col-md-2">
        <input type="checkbox" class="toggle" name="cb1" value="1">
    </div>
    <div class="col-md-3">
        <input type="checkbox" class="toggle" name="cb2" value="1">
    </div>
    <div class="col-md-4">
        <input type="checkbox" class="toggle" name="cb3" value="1">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我该怎么办?谢谢

css twitter-bootstrap

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

如何通过按钮选择所有复选框

我想在jquery事件按钮单击上选择所有输入复选框字段,但是当我单击按钮时没有任何反应

JQUERY

$('#selAll').on('click', function() {
   $(".cb").attr('checked', $(this).is(":checked"));
});
Run Code Online (Sandbox Code Playgroud)

HTML

    <input type="button" value="Select All" class="btn" id="selAll" />
    <input type="checkbox" name="a" value="1" class="cb">
    <input type="checkbox" name="b" value="1" class="cb">
Run Code Online (Sandbox Code Playgroud)

这是最好的/正确的解决方案吗?谢谢 JsFiddle的例子

jquery

0
推荐指数
1
解决办法
2596
查看次数

jquery在所有选定的输入上添加类

我有一个html表单,我想要突出显示通过jquery选择的字段.我这样做了

<select id="s1">
 <option value="">--</option>
 <option value="1">1</option>
 <option value="2" selected>2</option>
 <option value="3">3</option>
</select>

<select id="s2">
 <option value="">--</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>

<select id="s3">
 <option value="">--</option>
 <option value="1" selected>1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>

etc..
Run Code Online (Sandbox Code Playgroud)

JS

if ($("select#s1 option:selected").prop("value") != '') {
 $("select#s1").addClass("blu-border");
}

if ($("select#s2 option:selected").prop("value") != '') {
 $("select#s2").addClass("blu-border");
}

if ($("select#s3 option:selected").prop("value") != '') {
 $("select#s3").addClass("blu-border");
}

etc..
Run Code Online (Sandbox Code Playgroud)

我想知道是否可以仅对所有选定的输入字段使用一个命令来执行此操作.像这样我用来重置所有表单字段.

$(":input").prop('selectedIndex', 0);
Run Code Online (Sandbox Code Playgroud)

谢谢

jquery

0
推荐指数
1
解决办法
790
查看次数