标签: preloader
预加载CSS图像
我有一个隐藏的联系表单,单击按钮部署.它的字段设置为CSS背景图像,它们总是比已切换的div晚一点.
我在本<head>节中使用了这个片段,但没有运气(在我清除缓存后):
<script>
$(document).ready(function() {
pic = new Image();
pic2 = new Image();
pic3 = new Image();
pic.src="<?php bloginfo('template_directory'); ?>/images/inputs/input1.png";
pic2.src="<?php bloginfo('template_directory'); ?>/images/inputs/input2.png";
pic3.src="<?php bloginfo('template_directory'); ?>/images/inputs/input3.png";
});
</script>
我正在使用jQuery作为我的库,如果我能用它来安排这个问题,那将会很酷.
谢谢你的支持.
推荐指数
解决办法
查看次数
如何在特定的ajax调用上调用.ajaxStart()
我对站点文档进行了一些ajax调用,根据ajax状态显示或隐藏进度条
$(document).ajaxStart(function(){
$('#ajaxProgress').show();
});
$(document).ajaxStop(function(){
$('#ajaxProgress').hide();
});
我想基本上在网站的其他部分覆盖这些方法,在这些部分上进行了很多快速的小型ajax调用,并且不需要进出弹出的进度条.我试图将它们附加到其他$ .getJSON和$ .ajax调用中或插入它们.我试过把它们链接起来,但显然这并不好.
$.getJSON().ajaxStart(function(){ 'kill preloader'});
推荐指数
解决办法
查看次数
jQuery插件中的公共函数
我喜欢jQuery插件架构,但是,当我想要保留对插件实例的引用以便稍后在我的代码中访问属性或方法时,我发现它令人沮丧(可能是由于我对我缺乏了解).
编辑:我想澄清我真正想要做的是保留对插件中使用的方法和属性的引用,以便我以后可以使用它们
让我们以AJAX加载图标为例.在更传统的OOP环境中,我可以这样做:
var myIcon = new AJAXIcon();
myIcon.start();
//some stuff
myIcon.stop();
我的对象的方法和属性存储在变量中供以后使用.现在,如果我想在jQuery插件中具有相同的功能,我会从我的主代码中调用它,有点像这样:
$("#myId").ajaxIcon()
按照惯例,我的插件需要返回传递给我的插件的原始jQuery对象,允许可链接性,但如果我这样做,我就失去了访问插件实例的方法和属性的能力.
现在,我知道你可以在我的插件中声明一个公共函数,有点像
$.fn.ajaxIcon = function(options) {
return this.each(function () {
//do some stuff
}
}
$.fn.ajaxIcon.stop = function() {
//stop stuff
}
但是,在不违反返回原始jQuery对象的约定的情况下,我无法保留对我想要引用的插件的特定实例的引用.
我希望能够做到这样的事情:
var myIcon = $("myId").ajaxIcon(); //myIcon = a reference to the ajaxIcon
myIcon.start();
//some stuff
myIcon.stop();
有什么想法吗？
推荐指数
解决办法
查看次数
Webpack配置有一个未知属性'preLoaders'
我正在从头开始学习webpack.我已经学会了如何将javascript文件与require链接起来.我正在捆绑和缩小我的js文件,我正在监听手表的变化.我正在设置加载器将我的sass文件转换为css.但是当我尝试使用jshint-loader设置linting过程时,我遇到了问题.
module: {
preLoaders: [
{
test: /\.js$/, // include .js files
exclude: /node_modules/, // exclude any and all files in the node_modules folder
loader: "jshint-loader"
}
],
loaders: [
{
test: /\.scss$/,
loader: 'style-loader!css-loader!sass-loader'
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules$/,
query: {
presets: ['es2015']
}
}
],
}
这是错误
配置对象无效.Webpack已使用与API架构不匹配的配置对象进行初始化. - configuration.module有一个未知属性'preLoaders'.这些性质是有效的:对象{exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?,装载机?, noParse ?,规则？,？,unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRequest ?, unsafeCache ?, wrappedContextCritical ?, wrappedContextRecursive wrappedContextRegExp ？影响正常模块的选项(
NormalModuleFactory).
推荐指数
解决办法
查看次数
是否可以使用ajax/jquery技术预加载页面内容？
是否可以预加载所有页面内容(如显示加载栏/动画gif ..或加载文本..),直到内容完全加载,然后显示给用户/访问者？如果可以的话,您能否给我正确的指示或资源来实现这一目标.因为我能够轻松找到图像预加载器,但我正在寻找一种预加载技术,它将在显示之前预先加载页面上的所有内容.
推荐指数
解决办法
查看次数
阻止UI旋转预加载器
我想知道是否有人可以使用jQuery Block UI插件来了解如何添加旋转预加载器(如苹果使用).预加载器必须旋转,直到加载AJAX内容.Block UI可以实现这一点吗？
任何方向都会有所帮助,谢谢!
推荐指数
解决办法
查看次数
如何在Eclipse中使用javaFX Preloader和独立应用程序？
我的IDE是eclipse,我的项目是一个独立的javaFX应用程序(带有OSGI框架的纯CS架构).
如何使用预加载器,因此预加载器将在我的主应用程序之前启动并稍后隐藏？
我在http://docs.oracle.com/javafx/2/deployment/preloaders.htm#BABGGDJG找到了一些代码
但我仍然不知道如何在OSGI框架中使用我的启动应用程序部署Preloader.我在下面给出了一些启动应用程序的代码:
public class MyPrjMain extends Application {
private static Stage primaryStage;
public void start(final Stage stage) throws BusinessException {
primaryStage = stage;
init(primaryStage);
primaryStage.show();
}
}
非常感谢大家.
推荐指数
解决办法
查看次数
javascript预加载器/进度/百分比
我无法找到有关如何制作javascript(或jquery)进度条的任何好信息,其中包含告诉您百分比的文本.
我不想插件,我只想知道它是如何工作的,这样我就可以根据我的需要进行调整.如何预加载图像并获取预加载图像数量的变量.另外,如何根据已加载的图像数量更改html/css和/或调用函数？
推荐指数
解决办法
查看次数
如何在JavaFX独立应用程序中将启动画面创建为预加载器？
我创建了一个Preloader(基于以下教程),它应该为主应用程序显示一个启动画面.
9.3.4使用预加载器显示应用程序初始化进度 http://docs.oracle.com/javafx/2/deployment/preloaders.htm
public class SplashScreenLoader extends Preloader {
private Stage splashScreen;
@Override
public void start(Stage stage) throws Exception {
splashScreen = stage;
splashScreen.setScene(createScene());
splashScreen.show();
}
public Scene createScene() {
StackPane root = new StackPane();
Scene scene = new Scene(root, 300, 200);
return scene;
}
@Override
public void handleApplicationNotification(PreloaderNotification notification) {
if (notification instanceof StateChangeNotification) {
splashScreen.hide();
}
}
}
每次我在IDE(IntelliJ IDEA)中运行主应用程序时,我都想运行预加载器.
我还遵循IntelliJ中预加载器的打包规则:https: //www.jetbrains.com/idea/help/applications-with-a-preloader-project-organization-and-packaging.html
当我运行主应用程序时,预加载器没有启动,所以我想我错过了一些东西.我是Preloaders的新手,我不明白将主应用程序与独立应用程序中的预加载器连接的机制是什么.
推荐指数
解决办法
查看次数
Angular 2+应用程序预加载器,带百分比指示器
有没有人知道用百分比指示器实现Angular 2+预加载器的良好解决方案(类似于Gmail的加载屏幕)？
我知道通常的方法是添加<div>内部我们的<app-root>风格,甚至可以添加CSS动画,一旦应用程序加载,它将被应用程序内容替换.
但是......我实际看的是显示动画启动画面(SVG或其他任何内容),在动画完成后,应该出现加载栏并显示进度状态.
在第一点,我正在考虑单独的splash组件,它将只是组件急切加载并从那里加载所有其他模块但是如果我将该组件映射到'/'如何在任何其他路由上显示它作为第一个(起始点).此外,这意味着必须已加载Angular主包,因此这不是一个好的选择.
很可能这个问题太宽泛而且不适合Stack Overflow,但我找不到任何好的解决方案.:(
有没有办法加载没有Angular的纯JavaScript,它将加载Angular并显示进度？还是其他(更好)的想法？
这必须是可以实现的,因为整个Gmail都是Angular应用程序而且它们拥有它:D
推荐指数
解决办法
查看次数