Javascript 我想使用同一jquery添加多个库

我对jquery知之甚少，我想知道我做错了什么。我想在一个页面上放置多个库，但我不知道如何设置代码以正确加载它们。

javascript就是为了开启这一魔法。将所有需要的html放在页面上，然后用javascript初始化它。最容易理解但不是最有效的方法就是复制你的代码

填空：

<script language="javascript" type="text/javascript">
   $(document).ready(
   function (){
       $("#pikame1").PikaChoose();
       $("#pikame2").PikaChoose();
       $("#pikame3").PikaChoose();
       ...
   });
</script>

<ul id="pikame1" class ="pikame clearfix">
...
</ul>

<ul id="pikame2" class ="pikame clearfix">
...
</ul>

<ul id="pikame3" class ="pikame clearfix">
...
</ul>

...

---

如果有任何问题，请告诉我，因为我已经稍微更改了css，以避免过度冗余，这可能会干扰现有样式。

您可以通过为每个库提供唯一的id手动设置它

  $(document).ready(
  function (){
      $("#pikame1").PikaChoose();
      $("#pikame2").PikaChoose();
      $("#pikame3").PikaChoose();
      ...
  });

或者你也可以给你所有的图库一个通用的css名称，然后运行一个each函数一次处理它们

  $(document).ready(function (){
      $('.pikame').each(function(){
           $(this).PikaChoose();
      });
  });

唯一的问题是css部分中的css选择器与具有特定id的元素有关。您也可以使用不同的ul id创建更多类似的css，或者您也可以 更改这些选择器以选择类而不是id

例如：

 ul#pikame{
   margin-left: 80px;
 }

为此：

 ul.pikame{
   margin-left: 80px;
 }

---

请注意选择器$'pikame1'和$'.pikame'。第一个引用id，第二个引用css。

如果没有指向页面的链接，我们就无法提供太多帮助。我认为代码冲突吗？是否有任何类似noconflict的代码可以输入，以使代码独立流动？同样，没有相关页面的链接、完整代码的示例或详细的错误消息，我真的不能盲目地猜测可能发生的事情。然后是pikame gallery jquery:capturedphotography.ca/js/jquery.jspikame和js:capturedphotography.ca/js/pikachoose-min.js你能给我们看看页面的完整代码，包括jquery插件脚本吗将所有jquery脚本置于document.ready函数下。正如我在你的链接上看到的$'body'。删除类'noJS'；所有这些都在document.ready函数之外。有关更多信息，请学习jquery的基础知识。

 ul.pikame{
   margin-left: 80px;
 }