JS 模板加载的项目如何绑定事件及事件属性

Question

html

<div id="banner-box"></div>




<script type="text/html" id="banner-temp">
    <div class="banner">
        <ul>
            {{#  for(var i=0 ,len = d.length; i < len; i++) { }}

                <li><a href="javascript:;" data-id="{{ d[i].id }}" data-url="{{ d[i].url }}" data-type="{{ d[i].type }}" data-name="{{ d[i].title }}" ><img src="{{ d[i].img }}" alt="{{ d[i].title }}"></a>
                </li>
            {{# } }}
        </ul>
    </div>
</script>

js

$('.banner').unslider({
            speed: 500,
            delay: 3000,
            complete: function() {}, 
            keys: true,
            dots: true,
            fluid: false  
        });

如果换成on

$("#banner-box").on('unslider','.banner',function(e){

});

属性该如何写?