jquery – 使用onClick打开对话框

这是非常新的,我已经被onClick命令困住了,这令我感到困惑.

意味着什么：
用户单击购物车文本(在已设置样式的div元素内),然后打开一个包含用户购物车内容的对话框.

这是下面的代码……

我想我本周已经做了很多事情,因为我可能错过了一些非常简单的东西而且我只是愚蠢.

任何帮助将非常感激.

复制代码

<script type="text/javascript">
$(function() {
$( 'div.dialog' ).dialog( {modal:true,autoOpen:false} );
$('CartLink').on( 'click', function() {
    var index = $(this).index() + 1;
    $( '#dialog' +  index ).dialog( 'open' );
});
});
</script>

    <div class="dialog" id="dialog1">Shopping Cart Contents</div>

<div id="CartLink" class="fluid ShoppingCart"><img src="images/Site/Shopping_cart.gif"         
alt="" width="25" height="23"/>Shopping Cart</div>

好像你在这里缺少#来定位id

$('#CartLink').on( 'click', function() {
//-^ here -----
    var index = $(this).index() + 1;
    $( '#dialog' +  index ).dialog( 'open' );
});

你需要改变：

var index = $(this).index() + 1;

至：

var index = $(this).index();

因为目前#CartLink的索引是1而不是0,正如您所期望的那样.所以你不需要再增加1.