Permalink
Browse files

Removed console logs and changed responsiveThreshold to infinity by d…

…efault
  • Loading branch information...
1 parent 3ed1604 commit 347b93fbe78ee29570a21605d87b472a8e2c9f28 @acburst acburst committed Jan 9, 2017
Showing with 7 additions and 12 deletions.
  1. +1 −1 bin/materialize.js
  2. +2 −2 jade/page-contents/tabs_content.html
  3. +1 −4 js/init.js
  4. +1 −3 js/tabs.js
  5. +2 −2 tabs.html
View
Oops, something went wrong.
@@ -126,7 +126,7 @@
</tr>
<tr>
<td>responsiveThreshold</td>
- <td>The maximum width of the screen, in pixels, where the swipeable functionality initializes. Default: 992</td>
+ <td>The maximum width of the screen, in pixels, where the swipeable functionality initializes. Default: Infinity</td>
</tr>
</tbody>
</table>
@@ -158,7 +158,7 @@
<div id="swipeable" class="section scrollspy">
<h4>Swipeable Tabs</h4>
- <p>By setting the <code class="language-javascript">swipeable</code> option to <code class="language-markup">true</code>, you can enable tabs where you can swipe on touch enabled devices to switch tabs. Make sure you keep the tab content divs in the same wrapping container.</p>
+ <p>By setting the <code class="language-javascript">swipeable</code> option to <code class="language-markup">true</code>, you can enable tabs where you can swipe on touch enabled devices to switch tabs. Make sure you keep the tab content divs in the same wrapping container. You can also set the <code class="language-javascript">responsiveThreshold</code> option to a screen width in pixels where the swipeable functionality will activate.</p>
<p>Note: This is also touch compatible! Try swiping with your finger to scroll through the carousel.</p>
<ul id="tabs-swipe-demo" class="tabs">
<li class="tab col s3"><a href="#test-swipe-1">Test 1</a></li>
View
@@ -165,10 +165,7 @@
// Swipeable Tabs Demo Init
if ($('#tabs-swipe-demo').length) {
- $('#tabs-swipe-demo').tabs({
- 'swipeable': true,
- 'responsiveThreshold': Infinity
- });
+ $('#tabs-swipe-demo').tabs({ 'swipeable': true });
}
// Plugin initialization
View
@@ -5,7 +5,7 @@
var defaults = {
onShow: null,
swipeable: false,
- responsiveThreshold: 992, // breakpoint for swipeable
+ responsiveThreshold: Infinity, // breakpoint for swipeable
};
options = $.extend(defaults, options);
@@ -123,11 +123,9 @@
noWrap: true,
onCycleTo: function(item) {
if (!clicked) {
- console.log(item, $tabs_wrapper);
var prev_index = index;
index = $tabs_wrapper.index(item);
$active = $links.eq(index);
- console.log(prev_index, index);
animateIndicator(prev_index);
}
},
View
@@ -238,7 +238,7 @@
</tr>
<tr>
<td>responsiveThreshold</td>
- <td>The maximum width of the screen, in pixels, where the swipeable functionality initializes. Default: 992</td>
+ <td>The maximum width of the screen, in pixels, where the swipeable functionality initializes. Default: Infinity</td>
</tr>
</tbody>
</table>
@@ -270,7 +270,7 @@
<div id="swipeable" class="section scrollspy">
<h4>Swipeable Tabs</h4>
- <p>By setting the <code class="language-javascript">swipeable</code> option to <code class="language-markup">true</code>, you can enable tabs where you can swipe on touch enabled devices to switch tabs. Make sure you keep the tab content divs in the same wrapping container.</p>
+ <p>By setting the <code class="language-javascript">swipeable</code> option to <code class="language-markup">true</code>, you can enable tabs where you can swipe on touch enabled devices to switch tabs. Make sure you keep the tab content divs in the same wrapping container. You can also set the <code class="language-javascript">responsiveThreshold</code> option to a screen width in pixels where the swipeable functionality will activate.</p>
<p>Note: This is also touch compatible! Try swiping with your finger to scroll through the carousel.</p>
<ul id="tabs-swipe-demo" class="tabs">
<li class="tab col s3"><a href="#test-swipe-1">Test 1</a></li>

0 comments on commit 347b93f

Please sign in to comment.