Question

在我们的网页上，我们有一个搜索，根据事件的开放或结束事件加载事件列表。每个活动都有自己的ID。当事件加载时，它是一个带有事件名称，日期的块，事件管理员在一个asp：LinkButton中命名，它会触发一个javascript帖子。如果您单击此块内的任何位置，它将加载有关该事件的快速信息。

我想要完成的是如果事件是打开的，请在asp：LinkButton中放置一个链接，将用户带到事件的详细信息页面。知道我不能嵌套标签，但是客户要求请求链接在同一个块内。

这是一个封闭事件的例子。这很好用：

<div id="EventList">
    <a id="EventList_lnkEventListItem_0" class="list-item show-overlay" href="javascript:__doPostBack()">
        <span class="event-date col-md-48 col-sm-48">
            02/02/2017                                        
        </span>                                    
        <span class="event-name col-md-48 col-sm-48"></span> 
        <span class="EventCoordinator-name col-md-48 col-sm-48">
            Started by: Me 
        </span>
        <div class="col-md-48 text-sm">
            Status: Closed
        </div>

        <br class="list-item-clear" />
    </a>
</div>

这是我需要链接的开放事件的示例，我添加了一个显示示例的范围：

<div id="EventList">
    <a id="EventList_lnkEventListItem_0" class="list-item show-overlay" href="javascript:__doPostBack()">
        <span class="event-date col-md-48 col-sm-48">
            02/02/2017                                        
        </span>                                    
        <span class="event-name col-md-48 col-sm-48"></span> 
        <span class="EventCoordinator-name col-md-48 col-sm-48">
            Started by: Me 
        </span>
        <span class="startedby-name col-md-48 col-sm-48" onclick="window.open(/events/scheduledevents?eventid=####, '_blank')">
            Open Event in New Window
        </span>

        <div class="col-md-48 text-sm">
            Status: Open
        </div>

        <br class="list-item-clear" />                                    
    </a>
</div>

如何将事件id的asp变量导入onclick事件？有没有更好的方法来完成任务？

Answer 1

stopPropagation（）将阻止任何父处理程序通知。你可以尝试这样：

＆＃13;

function parentFunction(){
  console.log('parent fired');
}

function childFunction(event)
{
  event.stopPropagation(); // you can comment this line and see the difference
  console.log('child fired');
}

＆＃13;

$('.item-button').click(function(event) {
     event.stopPropagation();

＆＃13;

<a href="#" onclick="parentFunction();">
  Lorem ipsum
  <br/>
  <br/>
  <span onclick="childFunction(event);">
    Child button
    </span>
  
  <br/>
  <br/>
  Still parent
  </a>

＆＃13;

在asp链接按钮内启用span onclick

1 个答案: