这两个方法有什么不同?_html/css_WEB-ITnose
1、使用Jquery Moblie的初始化事件不行
$(document).on('pageinit',function() {
var mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
paginationClickable: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 2500,
autoplayDisableOnInteraction: false
});
要使用$(function(){
var mySwiper = new Swiper('.swiper-container',{
pagination : '.swiper-pagination',
grabCursor: true,
paginationClickable: true,
mousewheelControl:true,//鼠标滚轮
autoplayDisableOnInteraction:false,
autoplay:10000,
speed:800,
mode: 'horizontal',/*纵向滚动*/
});
});
JqueryMobile的“$(document).on('pageinit',function() {” 和 “$(function(){”有什么不同???
JqueryMobile的“$(document).on('pageinit',function() {” 是第一次加载执行。
$(function(){是什么时候执行??? 为什么用这个方法“swiper”可以正常翻转???
回复讨论(解决方案)
$(function(){...}
在页面加载完成(即 window.load 事件发生)时执行
所以所有 jq 的预处理代码都应放在他里面
如果放在外面,则可能因为 jq 未加载完毕而失败
swiper没用过,推测应该是发生pageinit事件时swiper中的一些图片什么的还没有加载出来,因为两个事件是有先后顺序的。
pageinit是当页面已经初始化并且完成增强时触发。
$(function(){})是jquery ready() 方法的简写,完整是$(document).ready(function(){});,当然$(document).on('ready',function(){});这样写也可以。
ready是当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
看下面例子比较直观
<!doctype html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="http://code.jquery.com/jquery-1.8.3.min.js"></script><script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script><script>$(document).on('ready',function(){ alert("ready");//这时图片已经显示了});$(document).on('pageinit',function(){ alert("pageinit");//不要点确定,很明显图片还没显示});</script></head><body><img src="/static/imghw/default1.png" data-src="http://static.csdn.net/public/common/toolbar/images/f_icon.png" class="lazy" / alt="这两个方法有什么不同?_html/css_WEB-ITnose" ></body></html> 拜上,谢谢各位大神。
在选择元素上绑定一个或多个事件的事件处理函数。
on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live(). 要删除的.on()绑定的事件,请参阅.off()。要附加一个事件,只运行一次,然后删除自己, 请参阅.one()
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment minimiser la taille des fichiers HTML?
Jun 24, 2025 am 12:53 AM
Pour réduire la taille des fichiers HTML, vous devez nettoyer le code redondant, compresser le contenu et optimiser la structure. 1. Supprimer les balises, commentaires et blancs inutilisés pour réduire le volume; 2. Déplacer en ligne CSS et JavaScript vers des fichiers externes et fusionner plusieurs scripts ou blocs de style; 3. Simplifiez la syntaxe d'étiquette sans affecter l'analyse, comme l'omission de balises fermées en option ou l'utilisation d'attributs courts; 4. Après le nettoyage, activez les technologies de compression côté serveur telles que GZIP ou Brotli pour réduire davantage le volume de transmission. Ces étapes peuvent améliorer considérablement les performances du chargement des pages sans sacrifier les fonctionnalités.
Comment HTML a-t-il évolué au fil du temps et quels sont les étapes clés de son histoire?
Jun 24, 2025 am 12:54 AM
HtmlhaseVolvedSIGNICALYSICMANTSICTHER
Comment utiliser l'élément pour représenter le pied de page d'un document ou d'une section?
Jun 25, 2025 am 12:57 AM
Il s'agit d'une balise sémantique utilisée dans HTML5 pour définir le bas de la page ou du bloc de contenu, comprenant généralement des informations sur le droit d'auteur, des informations de contact ou des liens de navigation; Il peut être placé en bas de la page ou imbriqué, etc. Tags comme fin du bloc; Lorsque vous l'utilisez, vous devez prêter attention pour éviter des abus répétés et un contenu non pertinent.
Comment utiliser l'attribut tabindex pour contrôler l'ordre des éléments des onglets?
Jun 24, 2025 am 12:56 AM
ThetabindexAttributeControlShowElementsReceiveFocusViAThetAbkey, withThreemainValues: tabindex = "0" addSanElementTotheNaturalTaborder, tabindex = "- 1" Autorise le programme
Comment créer des zones de texte en HTML à l'aide de l'élément ?
Jun 25, 2025 am 01:07 AM
Pour créer des zones de texte HTML, utilisez des éléments et personnalisez-les via les attributs et le CSS. 1. Utilisez la syntaxe de base pour définir la zone de texte et définir des propriétés telles que les lignes, les cols, le nom, l'espace réservé, etc.; 2. Vous pouvez contrôler avec précision la taille et le style via CSS, tels que la largeur, la hauteur, le rembourrage, la bordure, etc .; 3. Lors de la soumission du formulaire, vous pouvez identifier les données via l'attribut de nom et vous pouvez également obtenir la valeur du traitement frontal.
Quelle est la déclaration , et que fait-elle?
Jun 24, 2025 am 12:57 AM
Adeclarationisaformalstatementthatsomethingistrue, officiel, orrequired, a utilisétoclelydefineorannneanintent, fact, orrule.itplaysakeyroleinprogrammingydefiningVariblesandfunctions, inlegalcontextsbyreportingfactsunderroath, etIndailyLifeMakeintenti et
Comment utiliser les éléments et pour fournir une légende pour une image?
Jun 24, 2025 am 12:45 AM
La façon standard d'ajouter des titres aux images en HTML est d'utiliser et d'éléments. 1. L'utilisation de base est d'envelopper l'image dans la balise et d'ajouter un titre à l'intérieur, par exemple: c'est le titre de l'image; 2. Les raisons de l'utilisation de ces deux balises incluent une sémantique claire, un contrôle de style pratique et une forte accessibilité, ce qui aide les lecteurs du navigateur, du robot et de l'écran à comprendre la structure du contenu; 3. Les notes incluent qu'il peut être placé de haut en bas mais doit maintenir l'ordre logique, ne peut pas remplacer l'attribut ALT et peut contenir plusieurs éléments multimédias pour former une unité entière.
Application de la structure sémantique avec article, section et mis à part en HTML
Jul 05, 2025 am 02:03 AM
L'utilisation rationnelle des balises sémantiques dans HTML peut améliorer la clarté de la structure des pages, l'accessibilité et les effets SEO. 1. Utilisé pour des blocs de contenu indépendants, tels que des articles de blog ou des commentaires, il doit être autonome; 2. Utilisé pour le contenu lié à la classification, incluant généralement des titres, et convient à différents modules de la page; 3. Utilisé pour les informations auxiliaires liées au contenu principal mais pas au cœur, telles que les recommandations de barres latérales ou les profils d'auteur. Dans le développement réel, les étiquettes doivent être combinées et autres, éviter une nidification excessive, garder la structure simple et vérifier la rationalité de la structure via les outils du développeur.


