jquery - 使用 jQuery 附加列表与站点的其余部分冲突

Question

另一个快速的问题。我正在使用 jQuery 附加一个列表，并且在我的网站之外它工作正常，当我将它放在我的代码中时，它似乎发生冲突并将我页面上的其他元素转换为列表。是否有我可以提供此代码的 ID，如果可以，我会将其放置在哪里以将其与我网站上的其他跨度/列表区分开来？

js 小提琴包括http://bit.ly/1bCnC1D

谢谢

莎拉

Answer 1

我无法查看这些编辑是否解决了问题，因为我无法查看您网站的其余部分以查看我的编辑所产生的效果，但这是一个有效的jsFiddle，我在其中向您的动态创建的列表添加了一个 ID。希望它能解决问题。

  $(function(){
    $('#populate').click(function(){  
      $('#testing').append('<ul id="testingUL"/>');
      $('#textHolder>span').each(function(){
        $('#testingUL').append('<li>' + $(this).text()  + '</li>' );

      }); 
    });
  });

Answer 2

我在其中添加了一个 ID，<ul>希望能防止您当前遇到的问题。

$(function(){
    $('#populate').click(function(){  
        $('#testing').append('<ul id="list" />');
        $('#textHolder>span').each(function(){
            $('#list').append('<li>' + $(this).text()  + '</li>' );
        }); 
    });
});

请注意，我还更改了<li>s 附加到的元素。

Answer 3

我假设您页面上的其他元素的 id 为“textHolder”。这不是好的做法。尝试让每个元素的 id 都是唯一的。要使其正常工作，您应该将 id="textHolder" 重命名为独特的名称。如果你想同时影响一组元素，你可以在 jquery 中使用一个类而不是一个 id。