小编Wea*_*.py的帖子

两个按钮之间的奇怪差距

我遇到了HTML button标记的奇怪行为.似乎当我并排放置两个按钮时,它们4px之间会出现间隙.

这是一个显示问题的小提琴.

从下图中可以看出,FireBug显示间隙既不是a margin或a padding(因为a padding会以紫色显示).

在此输入图像描述

请注意:我在Windows 8.1上使用的是最新版本的Firefox,我也试过了Eric Mayer的CSS重置版,但差距仍然存在.

这不是一个非常重要的问题,但知道它是否正常以及它是什么原因会很好.

html css button

8
推荐指数
2
解决办法
2009
查看次数

如何在CSS中创建全宽波

我的任务是建立一个网站.在这个网站上,他们的样式中有一个波形的页脚.见下图:

在此输入图像描述

我可能会因没有中风或黄线而逃脱.主要问题是他们希望这个"页脚波"是100%宽度.我在想可能有一个CSS解决方案吗?可能在css中重新创建形状?这可能吗?

html css footer css3 css-shapes

8
推荐指数
2
解决办法
8276
查看次数

在一侧为CSS边框箭头指定边框

我希望有人可以帮我找到一个优雅的方法来获得CSS箭头边框上的边框.

我想创建这个:

在此输入图像描述

到目前为止,这是我的代码:

HTML

<div class="message-container customer">
    <p class="message">Great thanks</p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.message {
    width: auto;
    max-width: 66%;
    padding: 12px 30px;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0 2px 0 2px rgba(177, 177, 177, .07), 0 2px 0 0 rgba(0, 0, 0, .1);
    margin: 4px 0 0 0;
    position: relative;
    float: right;
    border-right: 4px solid #0892cb;
    border-radius: 5px 0 0 5px;
}

.message:after {
    top: 100%;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: …
Run Code Online (Sandbox Code Playgroud)

html css css3 css-shapes

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

在java脚本中基于嵌套对象数组中的键对列表进行排序的最佳方法

我有以下内容:

var list = [
    {"item":[{a:5, a1:6, a2:7}, {b:3, b1:4, b2:2}]},
    {"item":[{a:1, a1:2, a2:3}, {b:4, b1:5, b2:6}]},
    {"item":[{a:2, a1:7, a2:4}, {b:3, b1:7, b2:1}]}
];
Run Code Online (Sandbox Code Playgroud)

假设我有list上面的变量,我该如何对其进行排序,使得具有item键中的所有直接对象list基于键(即"a1""b")以升序排序.请注意,它不会更改或重新排序列表list[x]["item"],但只会更改或直接列入list[x].

标准排序函数似乎只对数组中对象内的键进行排序,但我想基于位于数组中嵌套对象中的键进行排序.

排序这个的最佳方法是什么?

javascript

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

阻止页面重新加载和重定向表单提交ajax/jquery

我已经浏览了所有相似的帖子,但似乎没有任何帮助.这就是我所拥有的

HTML:

<section>
  <form id="contact-form" action="" method="post">
    <fieldset>
      <input id="name" name="name" placeholder="Name" type="text" />
      <input id="email" name="email" placeholder="Email" type="text" />
      <textarea id="comments" name="comments" placeholder="Message"></textarea>
      <div class="12u">
        <a href="#" id="form-button-submit " class="button" onClick="sendForm()">Send Message</a>
        <a href="#" id="form-button-clear" class="button" onClick="document.getElementById('contact-form').reset()">Clear Form</a>
      </div>
      <ul id="response"></ul>
    </fieldset>
  </form>
</section>
Run Code Online (Sandbox Code Playgroud)

的JavaScript/jQuery的:

function sendForm() {
  var name = $('input#name').val();
  var email = $('input#email').val();
  var comments = $('textarea#comments').val();
  var formData = 'name=' + name + '&email=' + email + '&comments=' + comments;
  $.ajax({
    type: 'post',
    url: 'js/sendEmail.php', …
Run Code Online (Sandbox Code Playgroud)

html javascript php ajax jquery

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

在 jquery 中拆分字符串

我想在 jquery 中拆分一个字符串。我的字符串是一个文件名。我想拆分文件名以获得扩展名。我面临的是我的文件名包含任何点然后我无法获得扩展名。

我试过这样:

var str = "hjg.shjhdsj.irtjr_sdfh-dg$f@eehgj.shfgsghdf.jpg";
var test = str.split(".");

console.log(test); 
Run Code Online (Sandbox Code Playgroud)

我想要的是test[0] = "hjg.shjhdsj.irtjr_sdfh-dg$f@eehgj.shfgsghdf"test[1] = jpg

string jquery split

7
推荐指数
3
解决办法
3万
查看次数

CSS - 将图像转换为房屋的形状

我有以下HTML:

<figure class="pimage">
  <a href="http://nathandasilva.co.uk/butlinps/property-item/schofield-road-loughborough-le11-4qj/">
    <img class="attachment-homeland_property_medium wp-post-image" width="330" height="230" alt="7-020130322113404" src="http://nathandasilva.co.uk/butlinps/wp-content/uploads/2014/11/7-020130322113404-330x230.jpg"></img>
  </a>
</figure>
Run Code Online (Sandbox Code Playgroud)

我可以看到以下CSS:

.page-id-11 .pimage {
  padding: 17px !important;
  background-color: #FFF;
}
Run Code Online (Sandbox Code Playgroud)

我希望能够做的是将图像(不扭曲它)转换为基本房屋的形状,如下图所示: -

在此输入图像描述

html css css3 css-shapes

7
推荐指数
2
解决办法
1187
查看次数

Knockout js - 获取可观察的字符串长度

这似乎是一个简单的问题,但我似乎无法弄明白

我只需要显示可观察的字符串的长度.我已尝试使用ko.computed()函数实现结果,如下面的代码所示,但它总是返回零.

摆弄一个例子

HTML

<div id="vm"> 
    <h2>The title is: <span data-bind="text: title"></span></h2>
    <h2>The length is: <span data-bind="text: title.length"></span></h2>
    <h2>Length from computed: <span data-bind="text: titleLength"></span></h2>
    <input data-bind="value: title, valueUpdate: 'keyup'"/>
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

function VM() {
    var self = this;
    self.title = ko.observable();
    self.titleLength = ko.computed(function() {
        return self.title.length;
    });
}

ko.applyBindings(VM(), document.getElementById('vm'));
Run Code Online (Sandbox Code Playgroud)

javascript knockout.js

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

使用java注释的Spring批处理java.lang.IllegalStateException:无法创建没有元数据的属性

  1. 尝试仅在项目中使用java anotations将FieldSet自动映射到域对象
  2. 失败的原因如下:

    BeanWrapperFieldSetMapper.mapFieldSet (第184行)在以下行(第187行):

    binder.bind(new MutablePropertyValues(getBeanProperties(copy, fs.getProperties())));
    @Override
    public Properties getProperties() {
        if (names == null) {
            throw new IllegalStateException("Cannot create properties without meta data");
        }
    
    Run Code Online (Sandbox Code Playgroud)

    注意:我没有指定名称,因为我正在尝试Automap.

  3. 以下是我的代码:

    @Bean
        public LineMapper<Partner> lineMapper() {
            DefaultLineMapper<Partner> lineMapper = new DefaultLineMapper<Partner>();
            DelimitedLineTokenizer lineTokenizer = new DelimitedLineTokenizer();
            BeanWrapperFieldSetMapper<Partner> fieldSetMapper = new BeanWrapperFieldSetMapper<Partner>(); 
            fieldSetMapper.setBeanFactory(getApplicationContext()); 
            fieldSetMapper.setTargetType(Partner.class);
            lineMapper.setLineTokenizer(lineTokenizer);
            lineMapper.setFieldSetMapper(fieldSetMapper);
            return lineMapper;
        }
    
    Run Code Online (Sandbox Code Playgroud)
  4. 精确的堆栈跟踪

    退出-DESCR.:org.springframework.batch.item.file.FlatFileParseException: Parsing error at line: 1 in resource=[class path resource [partner-import.csv]], input=[Mustermann,Max,dahiya.naveen@gmail.com,m]

    引起: java.lang.IllegalStateException: Cannot create properties without meta data at org.springframework.batch.item.file.transform.DefaultFieldSet.getProperties(DefaultFieldSet.java:745)

spring-batch

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

仅当代码中其他地方存在类时,如何应用 CSS?

因此,如果某个类存在于其他地方的代码中,我只想应用特定的 CSS。我想知道这是否只能通过 css 实现,或者是否需要使用 Jquery 来实现。有人对此有什么想法吗?如果我需要使用 Jquery,你能举个例子说明它的样子吗?

正如您在我的代码中所看到的,我尝试做的是应用一个“margin-top何时li.active存在”。

显然我的 jsfiddle 不起作用:http://jsfiddle.net/zt40oa7d/

或者看下面的代码:

div.navbar {
  background-color: #CCF;
}
ul.box {
  margin: 0;
}
div.text {
  background-color: #FFC;
  padding: 10px;
}
div.page div.navbar ul.box li.active div.text {
  margin-top: 100px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="page">
  <div class="navbar">
    <ul class="box">
      <li class="active"><a href="#">Link 1</a>
      </li>
    </ul>
  </div>
  <div class="text">This the div that should go down due to the submenu ul</div>
</div>
Run Code Online (Sandbox Code Playgroud)

css jquery if-statement

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