Jquery bxSlider：滑块内部的滑块，如果子滑块是目标，则禁用父触摸事件

我正在尝试在另一个bxslider中设置一个bxslider。我的问题是，当子滑块是事件目标时，我希望防止父滑块上的触摸事件。下面是它的外观：

ui.js：

contentslider = $('.contentslider').bxslider({
        startSlide: 1,
        pager: false,
        controls: false,
        infiniteLoop: false
}); // Parent slider

itemslider = $('.itemslider').bxslider({
        startSlide: 0,
        pager: true,
        controls: true,
        infiniteLoop: false
}); // Child slider

index.html：

<ul class="contenslider"> <!-- Parent slider-->
   <li>Slide1</li>
   <li> 
       Slide 2
       <ul class="itemslider> <!-- Child slider -->
           <li>Slide 1</li> <li>...</li>
       </ul>
   </li>
   <li>Slide 3</li>
</ul>

幻灯片1

幻灯片2