小编Vip*_*per的帖子

使用jQuery的索引获取HTML select选项的值

用于选择和选项的HTML:

<select class="dropdown">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我想要索引1处的选项值,类似于

$('.dropdown[1]').value
// should return 'two'
Run Code Online (Sandbox Code Playgroud)

html javascript jquery html-select

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

用户向上/向下滚动时如何隐藏/显示导航栏

用户向上/向下滚动时隐藏/显示导航栏

以下是我想要实现的示例: http ://haraldurthorleifsson.com/http://www.teehanlax.com/story/readability/

向上滚动时导航栏在屏幕上向上滑动,向上滚动时向下滑动屏幕.我已经想出了如何使用淡入/淡出来实现它,但我想用与示例中完全相同的动画来实现它.注意:我已经尝试过SlideIn(),就像它进行拉伸动画一样......

JQUERY:

var previousScroll = 0,
headerOrgOffset = $('#header').offset().top;

$('#header-wrap').height($('#header').height());

$(window).scroll(function() {
    var currentScroll = $(this).scrollTop();
    console.log(currentScroll + " and " + previousScroll + " and " + headerOrgOffset);
    if(currentScroll > headerOrgOffset) {
        if (currentScroll > previousScroll) {
            $('#header').fadeOut();
        } else {
            $('#header').fadeIn();
            $('#header').addClass('fixed');
        }
    } else {
         $('#header').removeClass('fixed');   
    }
    previousScroll = currentScroll;
});
Run Code Online (Sandbox Code Playgroud)

CSS:

#header {
    width: 100%;
    z-index: 100;
}

.fixed {
    position: fixed;
    top: 0;
}

#header-wrap {
    position: …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery html5

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

onClick不工作React js

我试图在用户点击div时调用一个函数(使用onClick in react).此时我不需要传递任何参数,只需要调用该函数即可.我很反应.因为我的无知,所以请提前道歉.谢谢.

var Test = React.createClass({

btnTapped: function(){
    console.log('tapped!');
},
render: function() {
    var stationComponents = this.props.stations.map(function(station, index) {

    return <div onClick={btnTapped()}><img src="img/test.png" />{station}</div>;

    });
    return <div>{stationComponents}</div>;
   }
});

var cards = ["amazon", "aeo", "aerie", "barnes", "bloomingdales", "bbw","bestbuy", "regal", "cvs", "ebay", "gyft", "itunes", "jcp", "panera", "staples", "walmart", "target", "sephora", "walgreens", "starbucks"];

ReactDOM.render(<Test stations={cards} />, document.getElementById('test-div'));
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

如何将用户输入保存到html和js中的变量中

我正在制作一个游戏,一开始它会询问你的名字.我希望将此名称保存为varible.我有这个HTML代码:

<form id="form" onsubmit="return false;">
<input   style=position:absolute;top:80%;left:5%;width:40%; type="text" id="userInput">
<input   style=position:absolute;top:50%;left:5%;width:40%; type="submit"    onclick="name()">
</form>
Run Code Online (Sandbox Code Playgroud)

这是javascript部分:

function name()
{
var input = document.getElementById("userInput");
alert(input);
}
Run Code Online (Sandbox Code Playgroud)

html javascript user-input

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

在nodejs中将数组写入CSV

我正在尝试使用节点中的模块将数组写入 CSV fs。每次这样做时,都会因为数组中的逗号而创建新列。我怎样才能在不创建新列的情况下执行此操作 - 数组应该包含在列中。我的代码如下。

const fs = require('fs');
const writeStream = fs.createWriteStream('data.csv');
writeStream.write(`brands \n`);
writeStream.write(`${brands}\n`);
Run Code Online (Sandbox Code Playgroud)

该数组只是一个字符串列表:var brands = ["h2O, "glycerin", "cetyl", "ethylhexanoate"]

csv arrays fs node.js

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

使用 HTML 将图像居中

我想用 HTML 将图像居中。我有我的图像,但不知道该怎么做?我很感激帮助。谢谢。

这是我的代码:

<img src="image.jpg">
Run Code Online (Sandbox Code Playgroud)

html css image

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

Objective C为什么将字符串格式化为字符串

在处理由前一个dev留给我的项目代码时,我遇到了以下构造

-(NSString *)StringCheckWithString:(NSString *)string{

    NSString *string2 = [NSString stringWithFormat:@"%@", string];

    if([string2 length] == 0){
        return @"none";
    }
    else {
        return string2;
    }
}
Run Code Online (Sandbox Code Playgroud)

任何人都可以解释为什么你会这样做,它似乎显着过度设计了我,我不明白为什么它这样做(为了清楚,我不明白为什么字符串格式这样,我理解长度检查)

string objective-c nsstring ios

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

复杂的猫鼬过滤器查询

我正在构建一个允许用户使用侧边栏过滤结果的站点。他们选择的条件越多,他们的搜索结果就越具体(见附图)。

用户可以选择与他们要查找的内容相匹配的过滤器(复选框)。为此,我正在使用 MongoDB。我的架构如下:

brandName: {
    type: String,
    required: false
  },
productType: {
    type: String,
    required: false
  },
  skincareConcern: {
    type: Array,
    required: false
  },
  ingredients: {
    type: Array,
    required: false
  },
  skinType: {
    type: Array,
    required: false
  }
Run Code Online (Sandbox Code Playgroud)

现在,我正在使用.find()带有$or查询的 a 但这不正确,即因为$or返回任何这些条件的所有匹配项。我需要结果来过滤/缩小我包含的更多标准。

在下面查看我当前的代码:

Products.find({
    $or: [
      { brandName : { $in : brands, $exists: true, $ne: [] } },
      { skincareConcern : { $in : skincareConcerns, $exists: true, $ne: [] } },
      { productType : …
Run Code Online (Sandbox Code Playgroud)

mongoose mongodb node.js

3
推荐指数
2
解决办法
3300
查看次数

IE 8中的坏像素背景图像

我在Internet Explorer 8和9上遇到了一个小问题,即图像结果不符合预期.像素质量非常差,但在其他浏览器中,如chrome,opera和firefox看起来非常好.

这是我的结果:


在此输入图像描述


IE呈现的图像在圆圈上看起来是分数,这是我的CSS代码:

.social-profiles ul li.facebook a {
    background: url(img/flat-social-icons/32px/Facebook-32.png);
    text-indent: -9999;
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */ }
Run Code Online (Sandbox Code Playgroud)

html css internet-explorer background-image internet-explorer-8

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