如何在li rel上创建click事件

Question

我有一个列表，该列表是由select对象的Java脚本创建的。

但是我无法在rel url的此列表上创建click事件

<ul class="select-options">

<li rel="category/flowers.html?show=12">12</li>
<li rel="category/flowers.html?show=24">24</li>
<li rel="category/flowers.html?show=36">36</li>

</ul>

我的主要任务是当用户单击列表时； js将从rel获取URL并重定向到该URL。

Answer 1

请尝试使用以下代码段。

方法1：-

$('.select-options li').click(function(){
  var rel = $(this).attr('rel');
  window.location.href = rel;
});

方法2：-

<ul class="select-options">

<li rel="category/flowers.html?show=12" onclick="redirectPage(this)">12</li>
<li rel="category/flowers.html?show=24" onclick="redirectPage(this)">24</li>
<li rel="category/flowers.html?show=36" onclick="redirectPage(this)">36</li>

</ul>
.......
.......
function redirectPage(obj)
{

        var rel = $(obj).prop('rel');
  window.location.href = rel;
}

方法3：-

$( document ).ready(function() {


$('.select-options li').on( "click", function( event ) {
    var rel =$(this).attr('rel');
      window.location.href = rel;
});

});

Answer 2

li标记中的rel属性指定当前文档和链接文档之间的关系。 您应该使用href属性进行重定向。

<li href="http://your-link-here">Click Here</li>