小编Vik*_*dke的帖子

请检查这个小提琴

这就是它在Firefox和Chrome中的外观......这是我原来的布局.

这就是它在Safari中的外观,我想解决它.任何帮助,将不胜感激.

.top {
    background: #edebe6;
    height: 80px;
}
.intop {

    max-width: 1080px;
    margin: 0 auto;
    display: table;
    width: 100%;
}
.logo {
    width: 20%;
    float: left;

}
.logo img {
    display: table-cell;
    vertical-align: middle;
    margin-top: 15px;
}
.svg-menu {
    display: none;
}
.nav-wrap {
    width: 68%;
    float: left;
    height: 80px;
    display: table;
}
ul.nav {
    list-style: none;
    float: right;
    margin-top: 23px;
    margin-right: 45px;

}
ul.nav li {
    display: inline-block;
    margin-left: 35px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold; …

嗨,我正在使用jQuery创建一个输入数字增量,但没有成功,请你检查我的代码,并给我一个适当的指导

在这里看看演示

HTML

<div class="sp-quantity">
    <div class="sp-minus fff"> <a class="ddd" href="#">-</a></div>
    <div class="sp-input">
        <input type="text" class="quntity-input" value="1">
    </div>
    <div class="sp-plus fff"> <a class="ddd" href="#">+</a></div>
</div>

JS

$(".ddd").on("click", function () {

    var $button = $(this);
    var oldValue = $button.parent().find("input .quntity-input").val();

    if ($button.text() == "+") {
        var newVal = parseFloat(oldValue) + 1;
    } else {
        // Don't allow decrementing below zero
        if (oldValue > 0) {
            var newVal = parseFloat(oldValue) - 1;
        } else {
            newVal = 0;
        }
    }

    $button.parent().find("input .quntity-input").val(newVal); …

我正在尝试制作一个具有砌体效果的博客页面.检查这个小提琴http://jsfiddle.net/V3rJt/

我面临的问题是,假设我的最大宽度为1080px,我希望3个相同的列具有相同的天沟空间,那么它的工作正常没问题.

但是当我调整浏览器窗口的大小时,我希望布局能够切换2个相等的列(必须填充现在可用的空间,它的宽度会缩小),并进一步扩展到一个列博客文章.

见下图

如果有人可以帮我解决问题,那就太棒了.对不起,我的英语不是英语.

HTML

<div class="section_bg">
            <div class="insection_bg sparq_blog js-masonry"  data-masonry-options='{ "columnWidth": 60, "gutter": 10 }'>
                <div class="blogpost">
                    <img src="http://placehold.it/200x200" />
                    <h2>Blog post title</h2>
                    <span class="blogpost_date">17th August 2013</span>
                    <p class="sparq_ex">Lorem ipusm is a great dummy text to place for in blog post and any other contentLorem ipusm is a great dummy text to place for in blog post and any other content..</p>
                    <a class="readmore" href="">Read More</a>
                </div>
                <div class="blogpost">
                    <img src="http://placehold.it/200x200" />
                    <h2>Blog post title</h2>
                    <span class="blogpost_date">17th …

在参数列表之后,在`之前在控制台中获得错误,因为它出现了SyntaxError:missing)

$(document).ready(function() {    
     $(".blog-sidebar-form form").before("<p class="blog-sidebar-inform>Dummy Text</p>");
});