Question

我以下列方式将记录绑定到div

<div class="well" id="divQuestionList">
<div class="jarviswidget">
    @if ((ViewBag.classDiscussion as List<LMS_ClassDiscussionListViewModel>).Count > 0)
    {
        @foreach (var item in ViewBag.classDiscussion as List<LMS_ClassDiscussionListViewModel>)
        {
            <div id="divQuestion_@item.ClassDiscussion.ClassDiscussionID" class="fc-content" onclick="GetDiscussionDetails(@item.ClassDiscussion.ClassDiscussionID);" data-divtoggle="0" role="button">
                <b>@item.ClassDiscussion.DiscussionTitle</b>
                <div class="unsortable widget-toolbar hidden-phone">
                    <div class="unsortable divider dark">
                        <label id="lblReply_@item.ClassDiscussion.ClassDiscussionID">@item.ReplyCount @objLocalizer["ClassDiscussionResponses"]</label>

                    </div>
                </div>
            </div>
            <div id="divContent_@item.ClassDiscussion.ClassDiscussionID" style="display:none;">
                <div class="chat-body no-padding profile-message">
                    <ul id="ulContainer_@item.ClassDiscussion.ClassDiscussionID"></ul>
                </div>
            </div>
        }
    }

并且在控制器中，我在会话中存储了div的ID，需要触发点击事件或需要突出显示。

所以，我的问题是如何触发点击相关div的点击事件？

我已尝试过document.Ready函数，但每次刷新页面时都会触发事件。我只是想第一次触发事件/只触发一次。

 <script type="text/javascript">
    $(document).ready(function () {
          $('#divQuestion_1').trigger('click');

    });
</script>

那么，这是最好的方法吗？

Answer 1

我希望你的答案在这里。参见这个小提琴trigger来电。和功能可以执行。

注意：将ID替换为id="divQuestion_@item.ClassDiscussion.ClassDiscussionID" 至 id="divQuestion_1"，因为我执行了html并为您创建了演示。触发器工作，功能调用..

现场演示 Here

代码段示例

 function GetDiscussionDetails() {
   alert(' GetDiscussionDetails Function is call');
 }
 $(document).ready(function() {
   $('#divQuestion_1').trigger('click');

 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="well" id="divQuestionList">
  <div class="jarviswidget">

    <div id="divQuestion_1" class="fc-content" onclick="GetDiscussionDetails()" data-divtoggle="0" role="button">
      <b>@item.ClassDiscussion.DiscussionTitle</b>
      <div class="unsortable widget-toolbar hidden-phone">
        <div class="unsortable divider dark">
          <label id="lblReply_@item.ClassDiscussion.ClassDiscussionID">@item.ReplyCount @objLocalizer["ClassDiscussionResponses"]</label>

        </div>
      </div>
    </div>
    <div id="divContent_2" style="display:none;">
      <div class="chat-body no-padding profile-message">
        <ul id="ulContainer_@item.ClassDiscussion.ClassDiscussionID"></ul>
      </div>
    </div>
  </div>
</div>

Answer 2

尝试使用Delegate生成div Tag的click事件。喜欢：$（'body'）。delegates（'#divQuestionList'，'click'，function（）{//写你的代码}）;

div的突出显示/触发点击事件

2 个答案: