jquery - 开发中有效的 jQuery 在生产中失败

Question

我正在使用 jQuery 编写一个相当基本的脚本。但是，脚本的行为有所不同，具体取决于我是在本地 Web 服务器 (localhost) 还是在生产服务器上运行它。

在开发中，以下代码返回我期望的 HTML:

$('#objID').siblings('.mAddress').html();

在生产环境中，相同的语句返回未定义。

两台机器上的文档结构相同。我能发现的唯一区别是当我使用 Firebug 单步执行脚本时。在开发机器上，将监视放在 $('#objID').siblings('.mAddress') 上会导致 [ span#object ]，而在生产环境中，相同的监视会导致 [ [span#object]]
(注意双组方括号)。

有什么想法吗？

添加:

我已经验证这两个库是相同的。

我使用 Firebug 做了更多实验。脚本的另一部分使用以下语句获取一组元素:

$('.ParentColumn2').each(function(i) { ... })

在该函数体内，如果我在 this 上设置监视，则在开发时 this 的值就是我所期望的:div.ParentColumn2 ，但在生产中 this 的值返回看起来像数组的内容:[ div.ParentColumn2, div.ParentColumn2, div.ParentColumn2, .....]

HTML 基本上是一个表格(我已经删除了不相关的 HTML，并且行重复):

<table>  
 <tr>  
  <td>  
    <div class="ItemTemplate">  
      <div class="ParentColumn2">  
        <div><span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_lbl_Address" class="lbl_Address mAddress">111 W Wacker Dr, </span><span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_lbl_City" class="lbl_Address mCity">Chicago</span>&nbsp;<span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_lbl_PostalCode" class="lbl_Address mPostalCode">60601</span>&nbsp;<a href="javascript:MapMe(this);" id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_hypMap" class="hypMap">Map</a>&nbsp;&nbsp;<span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_lbl_Area" class="mArea">Loop</span><span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_lt" class="mLt">41.8868010285473</span><span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl02_lg" class="mLg">-87.6312860701286</span>  
        </div>  
      </div>  
    </div>  
  </td>  
 </tr>  
 <tr>  
  <td>  
    <div class="ItemTemplate">  
      <div class="ParentColumn2">  
        <div><span id="dnn_ctr45874_ViewProjectGrid_GridView1_ctl03_lbl_Address" class="lbl_Address mAddress">...</span> ...  
        </div>  
      </div>  
    </div>  
  </td>  
 </tr>  
</table>

两台机器之间的 HTML 尽可能相同，因为它都是由 .Net 生成的(别让我开始)。

Answer 1

鉴于您有不同的行为，可以合理地假设两个页面之间有一些不同，因此我的建议是将两个页面减少到保持当前行为的最小值，然后看看会发生什么是不同的。