title: bxSlider: Slider inside slider, disable parent touch event if child slider is target
body: <p>I'm trying to setup a bxslider inside another bxslider. The problem I have is that I want to prevent the touch event on the parent slider when the child slider is the event target. Here is what it looks like:</p>
  
  <p>ui.js:</p>
  
  <pre><code>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
  </code></pre>
  
  <p>index.html:</p>
  
  <pre><code>&lt;ul class="contenslider"&gt; &lt;!-- Parent slider--&gt;
     &lt;li&gt;Slide1&lt;/li&gt;
     &lt;li&gt; 
         Slide 2
         &lt;ul class="itemslider&gt; &lt;!-- Child slider --&gt;
             &lt;li&gt;Slide 1&lt;/li&gt; &lt;li&gt;...&lt;/li&gt;
         &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li&gt;Slide 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>bxSlider has the "touchEnabled" option but I don't think I can disable it on the fly?</p>
  
  <p>Thank you in advance.</p>