2012-03-22 24 views
6

Por lo tanto, necesito tener un título parpadeante, este código debería funcionar, pero por alguna razón no es así.Título parpadeante de Jquery

Ahora la consola me sigue mostrando el título correcto, pero el título en mis navegadores no cambia, ¿qué podría estar mal?

var blink = true; 

setInterval(function(){ 
    if(blink){ 
     $("title").text("test"); 
     blink = false; 
     console.log($("title")); 
    }else{ 
     $("title").text(""); 
     blink = true; 
     console.log($("title")); 
    } 
}, 1000); 
+0

' "#title"' refiere a 'id = "título"' por ejemplo. "título" no puede referirse a 'document.title'. ¿Puede mostrarnos la definición html de la etiqueta ''? – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">El código funciona para mí como está en FF11, por supuesto un '<title>' vacío solo muestra la URL en su lugar, podría intentar algo como '<toneladas de espacios><dot>' – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">Respuesta</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">6<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>Uso <code class="prettyprint-override">document.title = ...</code> < ---</p> <p>usted apenas está editando un atributo que no hace nada.</p> <hr> <p>Prueba esto:</p> <pre><code class="prettyprint-override">setInterval(function(){ var title = document.title; document.title = (title == "test" ? "none" : "test"); }, 1000); </code></pre> <p>ver el título en este <a href="http://fiddle.jshell.net/maniator/xDPHw/show/" rel="nofollow">demo</a> cambio <code class="prettyprint-override">test</code>-<code class="prettyprint-override">none</code> cada segundo. (<a href="http://jsfiddle.net/maniator/xDPHw/" rel="nofollow">full fiddle</a>)</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/9830925">Fuente</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-03-22 21:36:00</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/561731/">Neal</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">¿Cómo es '$ (" título ")' diferente a 'document.title' aquí? ¿Qué quieres decir con "solo estás editando un atributo"? Tu código funciona (al igual que los Op's, al menos para mí), pero tu explicación no tiene sentido para mí. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">gracias, todavía es bastante extraño que la función jquery 'text' no haga el trabajo. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1020022/">Linas</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Madmartigan '<title>' es solo un atributo de la página. Es como editar algo en la etiqueta 'head' que no hace ** nada **. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/561731/">Neal</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>utilizar una referencia directa:</p> <pre><code class="prettyprint-override">var blink = true; setInterval(function(){ var theTitle = document.getElementsByTagName("title")[0]; if(blink){ theTitle.text = "test"; //or theTitle.innerHTML = "test"; blink = false; }else{ theTitle.text = ""; //or theTitle.innerHTML = ""; blink = true; } }, 1000); </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/9830986">Fuente</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-03-22 21:41:28</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">Esto no funcionará en absoluto. Usted ** no puede ** establecer un objeto DOM igual a una cadena. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/561731/">Neal</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Neal en realidad solo está asignando cosas a una variable: P – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/995876/">Esailija</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Neal - Por supuesto que está en lo correcto, originalmente había pensado asignar el texto interno a var theTitle y de alguna manera lo dejé fuera. Aquí hay dos opciones para configurar el título. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Cuestiones relacionadas</div> <ul class="relative_list"> <li> 1. <a href="http://es.uwenku.com/question/p-hwafuxyo-r.html" target="_blank" title="Parpadeante jQuery .animation()"> Parpadeante jQuery .animation() </a> </li> <li> 2. <a href="http://es.uwenku.com/question/p-pjpemcbl-bo.html" target="_blank" title="jQuery "efecto de resaltado parpadeante" en div?"> jQuery "efecto de resaltado parpadeante" en div? </a> </li> <li> 3. <a href="http://es.uwenku.com/question/p-myjqryye-z.html" target="_blank" title="Icono de bandeja parpadeante"> Icono de bandeja parpadeante </a> </li> <li> 4. <a href="http://es.uwenku.com/question/p-gzbfudgt-p.html" target="_blank" title="jQuery Tooltip Herramientas - Cambiar título"> jQuery Tooltip Herramientas - Cambiar título </a> </li> <li> 5. <a href="http://es.uwenku.com/question/p-vgwlskhe-bo.html" target="_blank" title="Obtener elemento por título jQuery"> Obtener elemento por título jQuery </a> </li> <li> 6. <a href="http://es.uwenku.com/question/p-qycynuez-c.html" target="_blank" title="Obtener atributo de título con jQuery"> Obtener atributo de título con jQuery </a> </li> <li> 7. <a href="http://es.uwenku.com/question/p-peiwnrze-bh.html" target="_blank" title="Deshabilitar el cursor parpadeante de EditText"> Deshabilitar el cursor parpadeante de EditText </a> </li> <li> 8. <a href="http://es.uwenku.com/question/p-tfklatbe-c.html" target="_blank" title="Texto parpadeante en la vista de Android"> Texto parpadeante en la vista de Android </a> </li> <li> 9. <a href="http://es.uwenku.com/question/p-efmfazgu-s.html" target="_blank" title="Cómo cambiar el título div usando jQuery"> Cómo cambiar el título div usando jQuery </a> </li> <li> 10. <a href="http://es.uwenku.com/question/p-sgrdzbbb-bw.html" target="_blank" title="Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante"> Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://es.uwenku.com/question/p-xyzubeaf-bp.html" target="_blank" title="Google Docs Cursor parpadeante "kix-cursor-caret""> Google Docs Cursor parpadeante "kix-cursor-caret" </a> </li> <li> 12. <a href="http://es.uwenku.com/question/p-dloljddu-o.html" target="_blank" title="Botón parpadeante en la aplicación WPF"> Botón parpadeante en la aplicación WPF </a> </li> <li> 13. <a href="http://es.uwenku.com/question/p-kqkdfhal-r.html" target="_blank" title="cómo ocultar el cursor parpadeante en el texto de entrada?"> cómo ocultar el cursor parpadeante en el texto de entrada? </a> </li> <li> 14. <a href="http://es.uwenku.com/question/p-zuhzyarl-v.html" target="_blank" title="obtener título de la página de iframe javascript usando jQuery"> obtener título de la página de iframe javascript usando jQuery </a> </li> <li> 15. <a href="http://es.uwenku.com/question/p-uqymgzbp-y.html" target="_blank" title="Cocoa Mac Título de la aplicación Título: "sin título""> Cocoa Mac Título de la aplicación Título: "sin título" </a> </li> <li> 16. <a href="http://es.uwenku.com/question/p-cthqlbfr-bu.html" target="_blank" title="jquery: ocultar el atributo de título pero no eliminarlo"> jquery: ocultar el atributo de título pero no eliminarlo </a> </li> <li> 17. <a href="http://es.uwenku.com/question/p-rohtruot-bh.html" target="_blank" title="HTML en la cadena de título del plugin jquery fullcalendar"> HTML en la cadena de título del plugin jquery fullcalendar </a> </li> <li> 18. <a href="http://es.uwenku.com/question/p-hlvkhjnh-bx.html" target="_blank" title="¿Cómo actualizar el título en el diálogo de jQuery UI?"> ¿Cómo actualizar el título en el diálogo de jQuery UI? </a> </li> <li> 19. <a href="http://es.uwenku.com/question/p-mjgnzcdu-b.html" target="_blank" title="cambiar el título de un popover con arranque y jQuery"> cambiar el título de un popover con arranque y jQuery </a> </li> <li> 20. <a href="http://es.uwenku.com/question/p-tyrzaejn-bw.html" target="_blank" title="Alineación del título del encabezado móvil de Jquery"> Alineación del título del encabezado móvil de Jquery </a> </li> <li> 21. <a href="http://es.uwenku.com/question/p-ffxujrkz-bn.html" target="_blank" title="¿Cómo deshacerse de la forma parpadeante de Windows?"> ¿Cómo deshacerse de la forma parpadeante de Windows? </a> </li> <li> 22. <a href="http://es.uwenku.com/question/p-hgyfmtzi-bo.html" target="_blank" title="¿Cómo ocultar el cursor parpadeante del cuadro de texto?"> ¿Cómo ocultar el cursor parpadeante del cuadro de texto? </a> </li> <li> 23. <a href="http://es.uwenku.com/question/p-vljbwpnz-br.html" target="_blank" title="¿Cómo desactivar el cursor parpadeante en la ventana de comandos?"> ¿Cómo desactivar el cursor parpadeante en la ventana de comandos? </a> </li> <li> 24. <a href="http://es.uwenku.com/question/p-ctoituri-x.html" target="_blank" title="Selectores jQuery: Elemento seleccionado con clase específica y atributo 'título'"> Selectores jQuery: Elemento seleccionado con clase específica y atributo 'título' </a> </li> <li> 25. <a href="http://es.uwenku.com/question/p-uivogbza-bv.html" target="_blank" title="jQuery Seleccionar todos los elementos que tengan un título"> jQuery Seleccionar todos los elementos que tengan un título </a> </li> <li> 26. <a href="http://es.uwenku.com/question/p-tjxrysmc-m.html" target="_blank" title="JQuery - Seleccionar imagen por alt o por título"> JQuery - Seleccionar imagen por alt o por título </a> </li> <li> 27. <a href="http://es.uwenku.com/question/p-bpmlyelz-w.html" target="_blank" title="obtener URL, obtener Título por Javascript no jQuery"> obtener URL, obtener Título por Javascript no jQuery </a> </li> <li> 28. <a href="http://es.uwenku.com/question/p-afzeqpfc-ba.html" target="_blank" title="Como llegar Jefe valor del título usando jQuery"> Como llegar Jefe valor del título usando jQuery </a> </li> <li> 29. <a href="http://es.uwenku.com/question/p-mjvxwknv-be.html" target="_blank" title="Significado del borde rojo parpadeante en el emulador"> Significado del borde rojo parpadeante en el emulador </a> </li> <li> 30. <a href="http://es.uwenku.com/question/p-uvkvalbj-u.html" target="_blank" title="Cambiar el título con Javascript"> Cambiar el título con Javascript </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048471"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Última pregunta </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://es.uwenku.com/question/p-vekzrkxx-d.html" target="_blank" title="Actualizar campo 1 en una tabla de otro campo en una tabla diferente (OS400, no una relación 1 a 1)"> Actualizar campo 1 en una tabla de otro campo en una tabla diferente (OS400, no una relación 1 a 1) </a> </li> <li class="side_article_list_item"> 2. <a href="http://es.uwenku.com/question/p-dslghsrk-bs.html" target="_blank" title="Componente Yeoman vs archivos de proveedores y actualización"> Componente Yeoman vs archivos de proveedores y actualización </a> </li> <li class="side_article_list_item"> 3. <a href="http://es.uwenku.com/question/p-drggxxac-bd.html" target="_blank" title="Procesar argc y argv fuera de main()"> Procesar argc y argv fuera de main() </a> </li> <li class="side_article_list_item"> 4. <a href="http://es.uwenku.com/question/p-yldojnjn-bk.html" target="_blank" title="mod-rewrite eliminar el nombre de la carpeta de url"> mod-rewrite eliminar el nombre de la carpeta de url </a> </li> <li class="side_article_list_item"> 5. <a href="http://es.uwenku.com/question/p-xmeqxlzv-bd.html" target="_blank" title="¿Puedo acceder a una enumeración C# en mi vista Razor?"> ¿Puedo acceder a una enumeración C# en mi vista Razor? </a> </li> <li class="side_article_list_item"> 6. <a href="http://es.uwenku.com/question/p-ykdctfmg-bb.html" target="_blank" title="¿Es posible abrir un archivo en una instancia en ejecución de Matlab desde la línea de comandos?"> ¿Es posible abrir un archivo en una instancia en ejecución de Matlab desde la línea de comandos? </a> </li> <li class="side_article_list_item"> 7. <a href="http://es.uwenku.com/question/p-dsahubpo-e.html" target="_blank" title="¿Cómo se puede diseñar esta aplicación cliente/servidor en .NET?"> ¿Cómo se puede diseñar esta aplicación cliente/servidor en .NET? </a> </li> <li class="side_article_list_item"> 8. <a href="http://es.uwenku.com/question/p-digqgzqs-b.html" target="_blank" title="¿Cuál es la necesidad de tener parámetros "nmem" y "tamaño" en las funciones C?"> ¿Cuál es la necesidad de tener parámetros "nmem" y "tamaño" en las funciones C? </a> </li> <li class="side_article_list_item"> 9. <a href="http://es.uwenku.com/question/p-rspwfcwj-bd.html" target="_blank" title="Comparando dos modelos lineales con anova() en R"> Comparando dos modelos lineales con anova() en R </a> </li> <li class="side_article_list_item"> 10. <a href="http://es.uwenku.com/question/p-avqjfzxh-t.html" target="_blank" title="Uso del controlador MongoDB C#: ¿envuelto o no envuelto?"> Uso del controlador MongoDB C#: ¿envuelto o no envuelto? </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Cuestiones relacionadas</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://es.uwenku.com/question/p-hwafuxyo-r.html" target="_blank" title="Parpadeante jQuery .animation()"> Parpadeante jQuery .animation() </a> </li> <li class="side_article_list_item"> 2. <a href="http://es.uwenku.com/question/p-pjpemcbl-bo.html" target="_blank" title="jQuery "efecto de resaltado parpadeante" en div?"> jQuery "efecto de resaltado parpadeante" en div? </a> </li> <li class="side_article_list_item"> 3. <a href="http://es.uwenku.com/question/p-myjqryye-z.html" target="_blank" title="Icono de bandeja parpadeante"> Icono de bandeja parpadeante </a> </li> <li class="side_article_list_item"> 4. <a href="http://es.uwenku.com/question/p-gzbfudgt-p.html" target="_blank" title="jQuery Tooltip Herramientas - Cambiar título"> jQuery Tooltip Herramientas - Cambiar título </a> </li> <li class="side_article_list_item"> 5. <a href="http://es.uwenku.com/question/p-vgwlskhe-bo.html" target="_blank" title="Obtener elemento por título jQuery"> Obtener elemento por título jQuery </a> </li> <li class="side_article_list_item"> 6. <a href="http://es.uwenku.com/question/p-qycynuez-c.html" target="_blank" title="Obtener atributo de título con jQuery"> Obtener atributo de título con jQuery </a> </li> <li class="side_article_list_item"> 7. <a href="http://es.uwenku.com/question/p-peiwnrze-bh.html" target="_blank" title="Deshabilitar el cursor parpadeante de EditText"> Deshabilitar el cursor parpadeante de EditText </a> </li> <li class="side_article_list_item"> 8. <a href="http://es.uwenku.com/question/p-tfklatbe-c.html" target="_blank" title="Texto parpadeante en la vista de Android"> Texto parpadeante en la vista de Android </a> </li> <li class="side_article_list_item"> 9. <a href="http://es.uwenku.com/question/p-efmfazgu-s.html" target="_blank" title="Cómo cambiar el título div usando jQuery"> Cómo cambiar el título div usando jQuery </a> </li> <li class="side_article_list_item"> 10. <a href="http://es.uwenku.com/question/p-sgrdzbbb-bw.html" target="_blank" title="Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante"> Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://es.uwenku.com/contact">Contactanos</a></li> <li>© 2020 ES.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>