小编Tom*_*arz的帖子

jQuery if语句来检查可见性

我正在尝试编写一个隐藏/显示div的脚本,具体取决于其他元素的可见性.当我点击其他元素时,应该执行该操作.这是我到目前为止所写的内容:

$('#column-left form').hide();
    $('.show-search').click(function() {
        $('#column-left form').stop(true, true).slideToggle(300);
        if( $('#column-left form').css('display') == 'none' ) {
            $("#offers").show();
        } else {
            $('#offers').hide();
        }
    });
Run Code Online (Sandbox Code Playgroud)

它隐藏了div,但是当我隐藏表单时它不会回来.对任何帮助都会很有帮助:)

编辑:

好吧,我已经设法通过写这个来达到预期的效果:

$('#column-left form').hide();
    $('.show-search').click(function() {
        if ($('#column-left form').is(":hidden")) {
            $('#column-left form').slideToggle(300);
            $('#offers').hide();
        } else {
            $('#column-left form').slideToggle(300);
            $("#offers").show();
        }
    });   
Run Code Online (Sandbox Code Playgroud)

我不知道它是否写得正确但是有效;)谢谢大家的帮助!

jquery if-statement show hide visible

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

JQuery将类添加到克隆元素

这是我的脚本:

$('.addprop').click(function() {
        $('#clone').clone().insertAfter('.addprop');
    })
Run Code Online (Sandbox Code Playgroud)

我需要为正在创建的新元素添加一个类.可能吗?

jquery clone addclass

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

TinyMCE 4将下拉菜单添加到菜单栏

我需要在TinyMCE 4中的"工具"项旁边添加另一个下拉菜单:

新物品

我找到的最接近的解决方案是:

// Adds a custom menu item to the editor that inserts contents when clicked
// The context option allows you to add the menu item to an existing default menu
tinymce.init({
   ...

   setup: function(ed) {
      ed.addMenuItem('example', {
         text: 'My menu item',
         context: 'tools',
         onclick: function() {
            ed.insertContent('Hello world!!');
         }
      });
   }
});
Run Code Online (Sandbox Code Playgroud)

但它只在已经存在的"工具"菜单中添加了一个项目.

javascript jquery tinymce tinymce-4

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

HTML到PDF A4可打印尺寸

我需要设计HTML格式的小册子,从中生成pdf.如何将其转换为A4尺寸并在转换为pdf后打印?HTML将包含图像和文本,并且需要与HTML版本相同.可能吗?我应该使用300dpi像素大小 - > 2480 X 3508像素吗?

html printing pdf page-size

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

Bootstrap 3电话号码验证

有人知道在bootstrap v3中是否可以验证电话号码(只是为了检查值是否为整数)?

html validation html5 twitter-bootstrap twitter-bootstrap-3

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

webpack 中带有 sass-loader 和 postcss-loader 的 sourceMap

我正在尝试在 webpack 中启用 sourceMaps,但 sass-loader 和 postcss-loader 组合似乎存在问题。

启用 sass-loader 和 postcss-loader 后,我的控制台显示“无源”:

无源

但是当我禁用 postcss-loader 时,sourceMap 工作正常并指向“排版”文件:

排版

webpack.config.js

const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/dist',
        filename: 'js/bundle.js',
    },
    devtool: 'inline-source-map',
    module: {
        rules: [{
                test: /\.css$/i,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'postcss-loader']
                })
            },
            {
                test: /\.scss$/i,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [{
                            loader: 'css-loader',
                            options: {
                                sourceMap: true
                            }
                        },
                        {
                            loader: 'postcss-loader', …
Run Code Online (Sandbox Code Playgroud)

css source-maps webpack sass-loader postcss-loader

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

复选框时jQuery增加/减少数字

所以我有这个代码:

HTML

<input type=checkbox class="checkbox" />
<input type=checkbox class="checkbox" />
<input type=checkbox class="checkbox" />
<input type=checkbox class="checkbox" />

<div class="number">
    hello
</div>
Run Code Online (Sandbox Code Playgroud)

JS

var increment2 = 1;
$('.checkbox').live('click', function() {
    $('.number').html( '(' + increment2 + ')');
    increment2++;
})
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/P3zMu/5/

单击复选框时,它会增加数字,如示例中所示.问题是在选中复选框时增加数量,在取消选中复选框时减少数量.对任何帮助都会非常感激.

jquery

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