数据属性归国从JQuery的

Question

未定义的HTML如下：

<ul class="categoryitems"> 
    <li><a data-url="../po/browse_po.php" href="welcome.php" target="main">PURCHASE ORDERS</a></li>   
    <li><a data-url="../po/po_email_config.php" href="welcome.php" target="main">PO EMAILS</a></li>  
</ul> 

忽略它们是不相关的HREF中。我计划防止他们违约。

什么是培训相关的是jQuery的失败：

$('a').click(function() 
    { 
     alert($(this).parent().html()); //shows the a tag with the data-url attribute 
     //$(this).data('url',"..someurl.com"); 
     alert($(this).data('url')); //returns undefined; when the previous line is uncommented works 
     alert($(this).attr('data-url')); //this works   
    }); 

如果它的确与众不同点击功能是包裹在此：

$("#wndNavbar").ready(function() { 

}); 

因为它在一个框架：

<frameset cols="<?=$gl_navbar_width?>,*" frameborder="0" framespacing="5" border="0"> 
    <frame id="wndNavbar" name="wndNavbar" src="nav_bar.php" scrolling="auto" marginheight="0" noresize> 
    <frame name="main" src="welcome.php" scrolling="auto" marginheight="0" noresize> 
</frameset> 

Answer 1

这不是你如何阅读data-url。这是正确的方式：

alert($(this).data('url')); 

或

alert($(this).attr('data-url')); 

更新：由于上述似乎并不为您解决问题，你有没有试过用

$(document).ready(function() { 

}); 

或

$("#wndNavbar").live(function() { 

}); 

而不是

$("#wndNavbar").ready(function() { 

}); 

更新2：您似乎正在使用frame，而不是iframe。 ready不上frame的工作，所以你需要使用load：

$("#wndNavbar").load(function() { 

});