小编cla*_*ios的帖子

我试图在单击另一个按钮后隐藏按钮,但是当页面刷新时,隐藏按钮再次出现.我想保持隐藏,即使我刷新页面并仅在我点击显示按钮时显示它.任何帮助将非常感激.

HTML:

<button type="button" class="showhide">Show / Hide</button>
<button type="button" class="link">Link</button>

JS:

$('.showhide').click(function(){
 $('.link').hide();
});

我在宅基地更新php版本时遇到了麻烦.当我检查homestead ssh它的版本说它的PHP版本是PHP 5.6.23-1+deprecated+dontuse+deb.sury.org~trusty+1 (cli).现在我想将PHP版本更新为7以获得代码兼容性.有一个简单的方法来解决这个问题吗？

我也从这里试过这个, 但没有运气.谢谢

当表数据包含巨大的文本时,我有一个关于模态的问题,它会在外面溢出.我也使用过这里的数据表.

见下图:

我知道我可以通过使用将长文本移动到新的文本word-wrap:break-word;但是如何添加该类？还有一种方法可以改变模态尺寸吗？

显示模态的代码:

responsive: {
   details: {
    display: $.fn.dataTable.Responsive.display.modal( {
        header: function ( row ) {
            var data = row.data();
            return 'Details for '+data['first_name']+' '+data['last_name'];
        }
    } ),
    renderer: $.fn.dataTable.Responsive.renderer.tableAll({
     tableClass: 'table'
    })
   }
  }

在这里小提琴

我尝试使用Bulma css框架实现select2插件,但在前端看起来很乱.我尝试使用bootstrap,是的,没有问题,因为select2具有bootstrap兼容性.

HTML:

<div class="field">
  <label class="label">Role</label>
     <p class="control">
         <span class="select is-fullwidth">
            <select2 v-model="form.role"
                    placeholder="Select Role"
                    name="role"
                    :value="form.role"
                    :multiple="false"
             >
                <option></option>
                 <option v-for="role in roles" :value="role.id">{{ role.display_name }}</option>
         </select2>

     </span>
   </p>
</div>

我正在尝试使用Vuejs 2获取keyup的输入值,但总是得到像数据一样的空结果.请参阅下面的代码.

HTML:

<input type="email" @keyup="this.$data.email= $event.target.value" class="form-control" id="email" placeholder="Username (your work email)">
<button type="button" class="btn btn-primary btn-block inactive" @click="submit">Log in</button>

脚本:

data () {
  return {
    email: '',
  }
},
methods: {
  submit () {
    alert(this.$data.email)
  }
}

是否有一段代码可以在 Windows 上使用 git bash 解压缩文件？我尝试用这行代码解压：

unzip somefile.zip

它返回一个

bash: unzip: command not found

我正在为我的应用程序制作一些引导表，但我被堆叠在垂直滚动条上。我的帮助下做到这一点overflow-y，display to block和given height它作为滚动预期，但美中不足的是，当我的表头的一个有几个文本字符那就不是填充整个表格的宽度。我想我在这里错过了一些东西。请看这里。

我是否需要创建另一个类来解决只有一张表的问题？或者有更好的方法来完成这项工作。

HTML：

.table-earnings {
  background: #F3F5F6;
}
table {
  display: block;
  height: 200px;
  overflow-y: auto;
}

<div class="container">
  <br>
  <div class="row">
    <div class="col-xs-8">
      <table class="table table-earnings table-earnings__challenge">
        <thead>
          <tr>
            <th>TITLE</th>
            <th>DATE TAKEN</th>
            <th>STATUS</th>
            <th>AMOUNT</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Day 1</td>
            <td>11/08/2016</td>
            <td>
              <img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt="">
            </td>
            <td>$1.00</td>
          </tr>
          <tr>
            <td>Day 1</td>
            <td>11/08/2016</td>
            <td>
              <img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt="">
            </td>
            <td>$1.00</td>
          </tr>
          <tr>
            <td>Day 1</td>
            <td>11/08/2016</td>
            <td>
              <img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt="">
            </td> …

一直很难想出一个好的解决方案来拥有一个响应式 svg，它将采用屏幕宽度加上可调节的高度。我尝试设置width to 100% and height to something like 200px但没有运气。

header.svg {
  width: 100%;
  max-height: 200px;
  height: 200px;
}

<header>
<svg width="321px" height="141px" viewBox="0 0 321 141" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="header-copy-" fill="#262626">
            <g id="header-copy-2">
                <path d="M0,0.31823636 L321,0.31823636 L321,132.556396 C267.894961,138.185465 214.394961,141 160.5,141 C106.605039,141 53.1050387,138.185465 0,132.556396 L0,0.31823636 Z" id="Rectangle-Copy-12"></path>
            </g>
        </g>
    </g>
</svg>
</header>

100%我还尝试向标题元素添加宽度。

如何在navbar materializecss上始终显示菜单图标？就像点击时一样,抽屉出现并隐藏,反之亦然.

HTML:

<nav class="default" role="navigation">
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo center">Brand</a>
      <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#">Login</a></li>
        <li><a class="waves-effect red waves-light btn">Sign up</a></li>
      </ul>
      <ul class="side-nav" id="mobile-demo">
        <li><a href="#">Login</a></li>
        <li><a href="#">Sign up</a></li>
      </ul>
    </div>
  </nav>

JS:

$('.button-collapse').sideNav({
      menuWidth: 300, // Default is 240
      edge: 'left', // Choose the horizontal origin
      closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
    }
  );

我正在尝试使用jQuery Validator进行验证，如果输入仅包含空格，并且仅在其中包含字母的情况下允许空格。

请注意，如果名称包含数字，它也应该显示错误。如果以字母开头，则只允许空格。

到目前为止，这是我仅允许使用字母和空格的内容：

jQuery.validator.addMethod("letterswithspace", function(value, element) {
    return this.optional(element) || /^[a-z\s]+$/i.test(value);
}, "letters only");

也尝试过此操作，但它会修剪字符串并且不能在名称之间添加空格：

first_name : {
    letterswithspace : true,
     required: {
         depends:function(){
             $(this).val($.trim($(this).val()));
             return true;
         }
     }
 }