div的高亮/触发点击事件

XamDev 发表于 Dev

XamDev

我通过以下方式将记录绑定到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="[email protected]" 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="[email protected]">@item.ReplyCount @objLocalizer["ClassDiscussionResponses"]</label>

                    </div>
                </div>
            </div>
            <div id="[email protected]" style="display:none;">
                <div class="chat-body no-padding profile-message">
                    <ul id="[email protected]"></ul>
                </div>
            </div>
        }
    }

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

因此，我的问题是如何触发相关div的click click事件？

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

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

    });
</script>

那么，哪种最佳方法呢？

苏梅特·帕特尔

我希望你的回答在这里。看到这个小提琴trigger电话。和功能可以执行。

注意：将id替换为id="[email protected]" To， 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="[email protected]">@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="[email protected]"></ul>
      </div>
    </div>
  </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。