小编Gle*_*sky的帖子

光滑滑块 - 更改输入焦点事件的可拖动状态

我正在尝试在输入字段中删除可拖动选项(因此我可以选择文本并使用箭头在字段内导航).

var slider = $('.slider').slick({
    infinite: false,
    speed: 300,
    slidesToShow: 1,
    adaptiveHeight: true,
    asNavFor: '#menu-mobile',
    draggable: true
});

$('input').focusin(function () {
    console.log('in');
    slider.slickSetOption("draggable", false, false);
}).focusout(function () {
    console.log('out');
    slider.slickSetOption("draggable", true, false);
});
Run Code Online (Sandbox Code Playgroud)

它回来了

未捕获的TypeError:undefined不是函数

在这两个事件上.

如何使用事件更改可拖动/滑动状态?

javascript jquery slick.js

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

Bootstrap 3-屏幕分辨率为480px或更小的网格

我通过引导程序3具有标准的4列网格:

<div class="row">
    <div class="col-sm-3 col-xs-6">
        col1
    </div>
    <div class="col-sm-3 col-xs-6">
        col2
    </div>
    <div class="col-sm-3 col-xs-6">
        col3
    </div>
    <div class="col-sm-3 col-xs-6">
        col4
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在大屏幕上,它显示为4列,在767px宽度上则显示为2列。一切都很好。我想要达到的目的是使其成为接近480px或小于分辨率的一列。可以通过引导程序完成此操作,还是我应该对自定义CSS进行正确设置?

谢谢

css twitter-bootstrap twitter-bootstrap-3

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

NodeJS:与 PHP 集成

我听说 NodeJS 非常适合制作实时聊天应用程序,我想在我的网站上实现聊天。现在我只有设计,所以我现在必须编写后端代码。

然而,当我使用socket.io + express它时,它并没有达到应有的效果。

代码来自server.js

var app = require('express')();
var http = require('http').Server(app);

app.get('/', function(req, res){
    res.sendFile(__dirname + '/index.php');
});

http.listen(3000, function(){
    console.log('listening on *:3000');
});
Run Code Online (Sandbox Code Playgroud)

我只想显示index.php在 上localhost:3000,但是当我浏览该网站时,它不想显示该页面。相反,它会下载该index.php文件。

但是,如果我将文件的扩展名更改为 html,那么它就变成了index.html,它就可以工作。但这不是我想要的。

我知道有一些聪明的人可以立即解决这个问题。我自己已经坐了很长时间试图解决这个问题。

网站

javascript php node.js express socket.io

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

在AngularJS中动态显示图像

我正在使用http请求从数据库获取图像路径,图像位于服务器中.

我想在img src中显示该图像.

这是代码.

  $http({
    url     : 'user_profile_exec.php',
      method: "GET",
      params: {uid: user_id}
    })
    .success(function(data) {
      $scope.fname = data.cv_fname;
      $scope.lname = data.cv_lname;
      $scope.pic = data.pic;
      alert($scope.pic);
    }
  });
Run Code Online (Sandbox Code Playgroud)

它显示网络选项卡中的数据,数据也显示在警告框中.

这是身体代码.

<div id="errors" class="kari" style="display: center" ng-style="{'display':$scope.pic == ''?'none':'block'}">
<img src="./img/2.jpg" class="img-responsive " />
    {{pic}}
</div>

<div id="errors" class="kari" style="display: center" ng-style="{'display':$scope.pic != ''?'none':'block'}">
    <img src="{{pic}}" class="img-responsive " />
</div>
Run Code Online (Sandbox Code Playgroud)

不幸的是2.jpg正在显示但是我期待存储在数据库中的图像路径的输出.

我也尝试过如下,但我得到的错误pic没有定义.

<div id="errors" class="kari" style="display: center" ng-style="{'display':pic == ''?'none':'block'}">
<img src="./img/2.jpg" class="img-responsive " />
    {{pic}}
</div>

<div id="errors" …
Run Code Online (Sandbox Code Playgroud)

angularjs

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

display:block-inline无法正常工作

我已将colums的宽度设置为25%,但框仍未出现在一行中:

图像链接

html css frontend

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

如何检查wordpress的哪个级别类别?

让我告诉你情景首先说wordpress中的类别结构是这样的

Level 1: Top
Level 2: -Nextme_1
Level 3: --Nextme_2
         --Nextme_3
Level 4: ---Nextme_4
         ---Nextme_5
Run Code Online (Sandbox Code Playgroud)

现在我需要检查类别的级别是什么?假设我抓到3级的类别,所以我必须使用不同的模板,如果它的级别4.那么我需要使用另一个模板?

有谁可以给​​我一些提示?

谢谢
Rahul

wordpress levels categories

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

如何为产品的所有变量设置一般价格?(WooCommerce)

我使用插件 WooCommerce。我想为所有不同的商品输入相同的价格。为此,我们必须手动设置每个选项的价格。

如何为所有变体设置一次价格?

在此处输入图片说明

wordpress woocommerce

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

任何人都可以告诉如何将这个RED div中心化?

任何人都可以指导如何在灰色(父)"包装"div中水平和垂直居中这个"红色"div(div ="red")?我希望红色div准确定位在包装div的中心(垂直和水平).这是代码:

body {
  height: 100%;
  width: 100%;
  background-color: rgba(255, 249, 249, 1);
  margin: 0px;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.wrapper {
  background-color: rgba(204, 204, 204, 1);
  height: 600px;
  width: 100%;
  margin: auto;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-weight: bold;
  display: block;
  position: relative;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.red {
  background-color: rgba(255, 0, 0, 1);
  height: 50%;
  width: 600px;
  position: absolute;
  font-weight: normal;
  text-align: left;
  /* [disabled]line-height: 100px; */ …
Run Code Online (Sandbox Code Playgroud)

html css

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

无线电输入的引导工具提示

此代码不起作用。也尝试不使用 JS,将属性放入<input>. 似乎没有任何效果。

$('#radio1').tooltip({
    placement: "bottom",
    trigger: "hover"
});
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

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

    <label class="btn btn-primary active">
        <input type="radio" name="options" id="radio1" autocomplete="off" 
            data-toggle="tooltip" title="tooltip on radio!">Radio 1
    </label>

    <label class="btn btn-primary">
        <input type="radio" name="options" id="radio2" autocomplete="off">Radio 2
    </label>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

javascript input tooltip radio-button twitter-bootstrap

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

为什么父母的 !important 会输?

color父块的属性有一个!important声明。为什么孩子的财产优先?怎么解释?

我看到了特殊性的解释,但我不明白如何将它们应用于这个特殊情况。

也许我错过了文档中的一些基本位置......

div {
  color: purple !important;
  font-family: 'Open Sans', serif;
  font-size: 30px;
  font-weight: bold;
}
span {
  color: red; /* Why does parent's `!important` lose? */
}
Run Code Online (Sandbox Code Playgroud)
<div>
  Parent
  <span>Child</span>
</div>
Run Code Online (Sandbox Code Playgroud)

css css-specificity

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