小编Cli*_*een的帖子

我创建了一个带有"全选"复选框的表单,该复选框选中该表单中的所有其他复选框.

我想修改它,以便select all函数将在文本链接中起作用,如下所示:

链接

<a href="#' id="checkall">Select all checkboxes</a>

目前,它使用另一个复选框来选择所有其他复选框

形成

<form action="#" method="post" id="myform">

<fieldset>
<div class="radio"><input type="checkbox" name="checkall" id="checkall"> <label for="checkall">Check all</label></div>

<div class="radio"><input type="checkbox" name="checkbox1" id="checkbox1"> <label for="checkbox1">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox2" id="checkbox2"> <label for="checkbox2">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox3" id="checkbox3"> <label for="checkbox3">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox4" id="checkbox4"> <label for="checkbox4">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox5" id="checkbox5"> <label for="checkbox5">Checkbox</label></div>

<div class="radio"><input type="checkbox" name="checkbox6" id="checkbox6"> <label for="checkbox6">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox7" id="checkbox7"> <label for="checkbox7">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox8" id="checkbox8"> <label for="checkbox8">Checkbox</label></div> …

我有一个变量调用loopNum,它在控制台中作为对象返回.其他变量按预期返回.任何人都可以解释为什么会这样吗？谢谢

脚本

    // stores how many carousels there are
    var carouselNum = $('.carousella').length;

    // stores the product of number of carousels times the increment value
    var loopNum = $((carouselNum - 2) * -183);

    console.log('loopNum = ' + loopNum);
    console.log('carouselNum = ' + carouselNum);

安慰

loopNum = [object Object]

我正在构建一个页面,我不知道页面上会有多少元素.通常有两个,所以我有样式来定位第一个元素和最后一个元素.这很有效,直到只有一个元素,然后它获得最后的元素样式.

有没有办法用CSS来确保是否只有一个元素没有收到第一个或最后一个元素的样式.如果可能的话,我想尽量避免使用JS.

CSS

.content-box
  .item:first-of-type
    // some styles
  .item.last-of-type
    // some styles

我有一个表单,它使用.form-control表单元素上的类.我想并排显示两个输入,所以我.col-md-6在每个输入上使用但是因为它们已经有.form-control类,所生成的宽度.col-md-6被.form-control类覆盖.

我如何确保它使用.col-md-650%的.form-control宽度而不是100%的宽度？

HTML

<form id="user-edit-account" data-toggle="validator" class="form-horizontal">
    <h4>Account Settings</h4>
    <div class="form-group">
        <label for="user-profile-name" class="control-label col-sm-4">Location*</label>
        <div class="col-sm-8">
            <select id="profile-country" class="form-control col-md-6" name="country">
                <option value="">Please select a destination</option>
                <option value="India">India</option>
                <option value="China">China</option>
                <option value="Asia">Asia</option>
            </select>
            <input type="text" class="form-control col-md-6" id="profile-region" placeholder="City" value="">
        </div>
    </div>
</form

我有一个Laravel项目，并且有一个sqlite数据库。我想在中查看数据库中的所有表php artisan tinker。

我已经尝试过了，$tables = DB::select('SHOW TABLES');但是抛出了这个错误Illuminate\Database\QueryException with message 'SQLSTATE[HY000]: General error: 1 near "SHOW": syntax error (SQL: SHOW TABLES)'

我有以下任务列表应用程序.我正在尝试实现一个delete功能.我得到了我需要用来splice删除项目,array但我如何只针对我点击按钮的项目？

https://jsfiddle.net/clintongreen/txtrage5/1/

JS

new Vue({

    el: '#tasks',

    data: {
        message: 'Tasks',
        completed: null,
        newTaskName: '',
        tasklist: [
            { description: 'Read', completed: true },
            { description: 'Write', completed: true },
            { description: 'Edit', completed: false },
            { description: 'Publish', completed: false }
        ]
    },

    methods: {
        completeTask: function(task){
            // console.log(this.tasks.description);
            task.completed = true;
        },
        newTask: function(){
            this.tasklist.push({description: this.newTaskName, completed: false});
        },
        removeTask: function(task){
            this.tasklist.splice(this.task.index, 1);
        }
    }

})  

HTML

<div class="container" id="tasks">

    <div class="panel panel-default"> …

我正在我的Laravel 5.3项目中尝试使用Vue Multiselect V2。我正在使用此示例，http：//monterail.github.io/vue-multiselect/#sub-single-select

我的app.js文件中有以下设置：

Vue.component('multiselect', require('./components/Multiselect.vue'));

var vm = new Vue({
  el: '#app'
});

在Multiselect.vue文件中

<script>
  import Multiselect from 'vue-multiselect'

  export default {
    components: {
      Multiselect
    },
    data () {
      return {
        value: '',
        options: ['Select option', 'options', 'selected', 'mulitple', 'label', 'searchable', 'clearOnSelect', 'hideSelected', 'maxHeight', 'allowEmpty', 'showLabels', 'onChange', 'touched']
      }
    }
  }
</script>

我在刀片中称呼它如下：

<div id="app">
  <label class="typo__label">Single select</label>
  <multiselect v-model="value" :options="options" :searchable="false" :close-on-select="false" :show-labels="false" placeholder="Pick a value"></multiselect>
  <pre class="language-json"><code>@{{ value  }}</code></pre> …

我有一个我想要循环的函数.我发现最简单的方法是使用setInterval.当我尝试这个时,该功能只运行一次.请告诉我哪里出错了.干杯

function empMove() { $('.emp-wrap').css('margin-top', '-100px')};

setInterval(empMove, 2000);

我有一个多行的div,我想一次只显示一个,因此我每次都会减少margin-top.

我熟悉通过总线在事件上发送数据,这些工作很好,但现在我想要发出一些东西,但我没有事件可以将它绑定.

我试图在挂载时发出它但是没有如下工作:

mounted(){
  bus.$emit('send-test', this.test);
},

我有以下代码,工作正常

if user_input.include? "s"
    user_input.gsub!(/s/ "th")
else
    print "Nothing to change"
end

但是,当我想添加另一个include像这样它不承认elsif我如何添加这些包括在一起？

if user_input.include? "s"
    user_input.gsub!(/s/ "th")
elsif user_input.include? "cee"
    user_input.gsub!(/cee/ "th")
else
    print "Nothing to change"
end

我有一个棘手的情况,我需要在移动设备上移动我的Google广告.我发现最好的方法是使用@include调用它们,但仅限于满足某些屏幕尺寸条件.

我想以下是可行的

@if($screensize < 768px)
  @include('partials.my-advert')
@endif

所以我的问题是我如何将屏幕尺寸变成PHP？我可以通过JS使用屏幕尺寸,$(window).width();但是如何在Laravel if语句中使用此值？