Question

我有一些jQuery全局变量，我想把它放到我的HTML文档中，这样当它们通过一些更新函数更新时，它们只会在每个点更新全局被自动引用。这样可以避免编写更新文本的函数。

基本上我想这样做：

<html>
<head>
   <script>
      var globalVariable=  "something";
   </script>
</head>
<body>
   <p>The jQuery global variable is equal to: $(globalVariable)</p>
<body>
</html>

这会工作吗？它们会在jQuery中更新时在页面中更新吗？

Answer 1

你不能在jQuery中这样做，对于这个功能，最好使用MVC或MVVM框架，我建议使用knockout.js（http://knockoutjs.com/），将变量绑定到DOM非常容易与它相关的元素：

 <span data-bind="text: myVariable "></span>

Answer 2

不，你不能这样做。更好的方法是将你的varibale插入像div这样的占位符。为它们分配类，并在变量的每次更改时调用函数，用命名类替换该div中的值。

$(".classname").html("changed text")

HTML：

   <div class="classname">some value</div>

Answer 3

这样你的意思是：演示 http://jsfiddle.net/v8v9m/

希望它符合需求:)

<强>码

var globalVariable=  "something";

updateme(globalVariable);

$('#foo').click(function(){
        updateme("HULK");

});
function updateme(bar){
 $('#hulk').html(bar);   
}

<强> HTML

<html>
<head>
   <script>

   </script>
</head>
<body>
    <p>The jQuery global variable is equal to:<laspanle id="hulk"></span></p>
<body>


    <input type="button" value="Update something to hulk" id="foo" />

如何在HTML页面中使用jQuery全局变量？

3 个答案: