jquery - 如何在隐藏的 div 中使用 Jquery .load

Question

我是 Jquery 的新手，请保持温柔...
我的页面有一个隐藏的 div 列表，标记为“.port”，此外每个都有一个特定的 id，例如“#test”。 div 仅在事件触发后显示$(itemID).addClass('item_open');(然后 css 规则通过 - "

显示 div

.port.item_open {
  visibity: visible;

"以便 div 显示为全屏模式...)
为了使页面加载速度更快r - 我希望加载 “itemID” 的内容，方法是仅在之后将其替换为 另一个 html它添加了 "item_open" 类。

我试过使用这个 $( "#test.port.item_open").load( "items.html #test > *");但它没有用...

请帮帮我这是一个测试:http://aniboaz.co.il/Test.html

Answer 1

您在元素具有 item_open 类之前发射负载。添加类时触发负载:

$("#test")
    .addClass("item_open")
    .load("items.html #test", function(){
        // callback after load, e.g. jump to the correct part
    });