js点击事件onclick第一次不触发，第二次点击才正常触发

function showContent(obj) {
            $(obj).click(function() {
                $('#Notice').modal({
                    show : true
                });
                var NoticeText = $(obj).parent().find("div").text();
                $('#Notice .modal-body').text(NoticeText);
            })
        }


这是js代码，就是一个简单的点击事件

<c:forEach items="${Noticelist}" var="item">
 <li >${item.noticeTitle}
 <span style="margin-left: 15px">${item.pubTime}</span>
 <div style="display: none">${item.noticeContent}</div>
 <a href="javascript:void(0)" onclick="showContent(this)">查看详情</a>
 </li>
 </c:forEach>

这是对应的html代码，目前的情况是，刷新页面后第一次单击不触发这个点击事件，第二次单击时就正常触发了，很影响体验，js比较弱，不明白为什么会出现这种情况