Question

我有以下jquery代码：

var notifications = $('.alerts').text();
document.title = '(' + notifications + ') ' + document.title;

html是这样的：

<span class="alerts">1</span>

（其中1是动态数字）。

显然我做错了，因为标题显示：

（）一些标题

我尝试过警报（通知）;

并显示空输出。

Answer 1

试试这个。它使用的是javascript。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
  <span class="alerts">1</span>
  <script>
    var notifications = $('.alerts').text();
    document.title = '(' + notifications + ') ' + document.title; 
  </script>
</body>
</html>

试试这个。它正在使用Jquery。

<html>
  <head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script>
    $(document).ready(function(){
     var notifications = $('.alerts').text();
     document.title = '(' + notifications + ') ' + document.title; 
    });
   </script>
  </head>
 <body>
  <span class="alerts">1</span>
 </body>
</html>

Answer 2

这是AlfredoEM指出的加载顺序错误。

我通过为函数添加超时来解决它：

setTimeout( function(){


    /* notifications in page title */

var notifications = $('.alerts').text();
document.title = '(' + notifications + ') ' + document.title; 

}, 1000); // delay 1000 ms

Jquery变量输出为空

2 个答案: