小编Pet*_*ris的帖子

隐藏所有内容,直到页面加载完毕

我希望隐藏页面上的所有内容,直到页面加载完毕.我看过很多帖子,尝试过不同的东西.最常用的解决方案是

<body style="display:none;">
Run Code Online (Sandbox Code Playgroud)

然后运行jQuery在窗口加载时再次显示它

$(window).load(function() {
  $("body").fadeIn("slow");
});
Run Code Online (Sandbox Code Playgroud)

我有一个问题,因为页面依赖于JS来显示任何内容.我很欣赏这是一件罕见的事情,但感觉不对.

理想情况下,我想使用jQuery添加display:none css

然而...

问题是我添加的时候

$(document).ready(function {
  $(body).css('display', 'none');
});
Run Code Online (Sandbox Code Playgroud)

即使这需要一段时间才能运行,并且页面在手边闪烁着内容.

有没有更好的办法?

我可以在没有document.ready的情况下使用上面的脚本(尝试过,但没有工作)

谢谢.

jquery

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

jquery addclass 到 body 标签

以下脚本在 div 中,这有关系吗?因为它不起作用。语法正确吗?我是否需要先告诉 jquery 在 DOM 中上升一个级别?我该怎么做?

        $(document).ready(function() {
          $('body').addClass('diary');
        });    
Run Code Online (Sandbox Code Playgroud)

谢谢你们。

这是 HTML 中的相关部分:

<body>
Run Code Online (Sandbox Code Playgroud)

  <header>
    <div class="logo">
      <a href=""></a>
    </div>  
    <nav class="main-nav">
      <a class="first" href="http://www.adrianwaddingham.com">HOME</a>
      <a class="second" href="/sheriff">SHERIFF</a>
      <a class="third" href="/biography">BIOGRAPHY</a>
      <a class="fourth" href="/contact">CONTACT</a>     
      <a class="fifth" href="/diary">DIARY</a>     

    </nav>

  </header>

<script>
        $(document).ready(function() {
          $('body').addClass('diary');
        });    
</script>


<section class="copy-main">
  <article>
Run Code Online (Sandbox Code Playgroud)

jquery addclass

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

grunt.js文件中的意外标识符错误

任何人都可以告诉我为什么我在运行以下grunt.js文件时在终端中收到以下错误?

module.exports = function(grunt) {

grunt.initConfig({

    pkg: grunt.file.readJSON('package.json'),

    concat: { // Here is where we do our concatenating
      dist: {
      src: [
      'components/js/*.js' // everything in the src js folder
    ],
    dest: 'js/script.js',
    }
    }

    uglify: {
    build: {
    src: 'js/script.js',
    dest: 'js/script.min.js'
    }
    }

});

//Add all the plugins here
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');

//What happens when we type 'grunt' in the terminal
grunt.registerTask('default', ['concat', 'uglify']);

};
Run Code Online (Sandbox Code Playgroud)

我得到的错误是:

Loading "gruntfile.js" tasks...ERROR
Run Code Online (Sandbox Code Playgroud)

SyntaxError:意外的标识符警告:找不到任务"default".使用--force继续.

谢谢!

gruntjs

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

在另一台机器上使用gulp项目

我已经准备好并在一台机器上正常工作.我已将目录复制到另一台机器,其中包含package.json文件,其中包含所有项目依赖项.

每次我在新机器上运行'gulp'时它都会运行任务但总是完成

错误:未安装Gem sass.

我已经运行了sudo npm install来安装package.json中的依赖项,甚至尝试运行npm install --save-dev gulp-ruby-sass

有任何想法吗?谢谢

sass gulp

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

使用 Gulp 重新加载 index.html

当我对项目根目录中的 index.html 进行更改时,我正在尝试更新我的浏览器。更新 CSS 时 Livereloading 工作正常。我已经在下面的 gulpfile.js 中删除了我为使其工作所做的努力......

谢谢!

var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
minifycss = require('gulp-minify-css'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
rename = require('gulp-rename'),
clean = require('gulp-clean'),
concat = require('gulp-concat'),
notify = require('gulp-notify'),
cache = require('gulp-cache'),
livereload = require('gulp-livereload'),
lr = require('tiny-lr'),
server = lr();

gulp.task('styles', function() {
return gulp.src('components/sass/style.scss')
.pipe(sass({ style: 'expanded' }))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6',         'android 4')) …
Run Code Online (Sandbox Code Playgroud)

livereload gulp

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

Composer.json 获取最新的包版本和

对于每个新项目,我想要:

  • 获取composer.json中所有包的最新版本
  • 一旦我拥有它们,我就不再想要获得最新的 - 只是第一次运行的版本。

我知道我可以从 packagist.org 手动指定最新版本,但理想情况下我希望自动执行此操作。

我希望这是有道理的。

谢谢

composer-php

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

使用PHP将mysql日期格式从ISO转换为UK

我在mysql数据库中有一个日期字段,我试图在.php文档中显示.当我插入以下代码时,它当前显示在yyyy-mm-dd中:

<?php echo $row_rs_dealItem['dateend']; ?>
Run Code Online (Sandbox Code Playgroud)

但是我希望它以dd-mm-yyyy显示

我需要最简单/最干净的解决方案.

谢谢!

mysql format date

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

网站在iphone和ipad上都太宽了

任何人都可以告诉我为什么以下网站在iPhone上渲染真的很宽?它被限制在950px宽,并且由于页面太短,高度已被指定为底部边距.

redletterdaysforbusiness.co.uk在提问时.

http://redletterdaysforbusiness.co.uk

css iphone

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

麻烦最基本的jQuery问题

我正在努力理解为什么下面的小提琴不起作用?只是想增加一堂课!

刚开始.

谢谢,请不要降级我...我知道它的基本.

HTML:

<ul>
    <li class="box">a</li>
    <li class="box">b</li>
    <li class="box">c</li>
    <li class="box">d</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS:

li {
    height:20px;
    width:20px;
    background-color:red;
    display:inline-block;
}

li .hover {
    background-color:blue;
}
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$('li').addClass('hover');
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/JGqAX/

jquery addclass

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

匿名函数错误

有人能告诉我以下是什么问题吗?

$(document).ready(function() {
    $('.nav_menu .dropdown').css('display', 'block');
    $('ul.nav').toggleclass('dropmenu');
    $('.nav_menu > ul').dropmenu({
        effect: 'slide',
        speed: 250,
        timeout: 0,
        nbsp: false
    });
});?
Run Code Online (Sandbox Code Playgroud)

Safari报告说toggleclass是一个匿名函数,无论这意味着什么!

谢谢

jquery function

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

标签 统计

jquery ×4

addclass ×2

gulp ×2

composer-php ×1

css ×1

date ×1

format ×1

function ×1

gruntjs ×1

iphone ×1

livereload ×1

mysql ×1

sass ×1