动态创建li标签与静态之间的区别

我有问题，如果用jQuery创建的li标签如何说例子;

$("#selectedPropertyImg_Wrapper").find("#myGallery").append("
"); 

不同然后li标签硬编码在ul …之所以要问，因为我试图在GalleryView jQuery插件中上传图像， 从Gallery View插件动态加载图像内容，这对静态工作正常但似乎没有动态创建代码，即使我已经测试它生成完全li格式标签，我在结束ajax函数调用galleryView插件…

提前谢谢了…

Answer 1

动态创建的代码没有监听器“附加”它。 您需要重新附加或重新初始化您对新生成的代码所具有的任何侦听器/插件

 $('#selector').append(https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"
Add my code
https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"); $('#selector li').myplugin(); 

Answer 2

您试图在动态创建的li元素和不动态的元素之间找到的答案都包含在“何时以及如何”加载动态li元素中。 本文简要介绍了我所说的内容。

提前加载动态元素（在DOM准备好之前），不应该干扰您的插件逻辑。 您只需要提前确保您的项目已加载，而不是确保您的ajax请求成功或完成。 到那时，为时已晚。

更新：

在AJAX请求中，将外部HTML加载到页面上，然后在done（）上创建/加载其他动态li元素， 然后运行您的插件[所有这些都在您的done（）函数（）]中。

看看是否有帮助

Answer 3

我有解决方案。 我的动态元素（li标签）在dom准备好时不可用。 所以我制作了separte jQuery插件，调用xml并读取和validation图像。 一旦validation完成，我将我的li附加到URL。 然后我有另一个jquery插件来读取其余的xml数据。 我在document.ready函数下的html页面我调用图像插件，然后是第二个插件和调用GalleryView …所有工作…

所以我希望这个问题的答案和解决方案……

 $.fn.initializeImg = function (CP_ID) { $.ajax({ type: https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"GEThttps://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/", url: https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"XML4.xmlhttps://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/", dataType: https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"xmlhttps://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/", async:false, success: function (xml) { $(https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"#selectedPropertyImg_Wrapperhttps://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/").find(https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"#myGalleryhttps://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/").append(https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"
https://stackoverflow.com/questions/17174530/difference-between-dynamically-created-li-tag-vs-static/"); 

在html页面

  $(document).ready(function () { //initialize gallery images from url// $(this).initializeImg(requested_Property); //-------pass property ID to plugin ----// $(this).getPropertyDetail(requested_Property); //-----image gallery view---// $(function () { $('#myGallery').galleryView({ panel_width: 750, panel_height: 500, frame_width: 100, frame_height: 67 }); }); }