我正在尝试创建一个像iphone上的滑动复选框.
我从这个脚本开始:
$('input[type=checkbox]').live('touchstart', function (e) {
down_x = e.originalEvent.touches[0].pageX;
$('input[type=checkbox]').live('touchmove', function (e) {up_x = e.originalEvent.touches[0].pageX;
if ((down_x - up_x) > 1) {$(this).change()}});
});
但它似乎没有用.有关如何实现这一点的任何想法？
我终于得到了pjax工作,但我有另一个问题..如何添加一些jquery动画,如fadeout/slideup旧内容和fadein/slidedown新内容？
默认情况下,pjax只是更改内容而没有任何好看的效果..
任何帮助将非常感激.
最好的祝福
我刚刚进入Android开发阶段,基本上我有5个矩形按钮相互堆叠.
当我点击一个(让我们说最上面的一个)时,我希望其他4个向下滑动,另一组按钮或它们之间显示的任何内容.
而且我希望过渡是滑动而不仅仅是出现.
有关如何实现该功能或使用哪些功能的任何建议？
由于代码很多,我不会在这里发布.相反,你可以在这里找到它.这样你就可以玩它并运行它:
function P_Expand(item_id) {
$('#p_' + item_id).slideToggle();
}.data_table {
width: 650px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
.data_table tbody th {
border-bottom: 1px solid #555;
text-align: left;
}
.data_table tbody tr td a {
color: #8b9cb0;
text-decoration: none;
}
.hidden_data {
display: none;
padding: 10px;
font-style: italic;
color: #777;
}<table class='data_table'>
<tbody>
<tr>
<td>
<a href='javascript:void(0)' onclick='P_Expand(9)'>Drop me down!</a>
</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td colspan='3' style='background-color: #eee'>
<div id='p_9' class='hidden_data'>
<p style="margin: 0px;">Donec dolor …我正在开发一个应用程序,左侧有一个"抽屉"非常有用.我正在做一些初步测试,看看我最好能做到这一点,而且我遇到了一些非常基本的麻烦.
我的设置
1.我在Xcode 4中使用单视图应用程序模板
.2.在xib的"主/边界"视图中,我添加了2个UIViews(LeftPanel和RightPanel)和一个UIButton(ShowHideButton).
我为LeftPanel绿色和RightPanel蓝色着色,以便更容易看到.
4.加载视图时,两个面板都可见,UIButton的文本为"隐藏面板".
5.按下按钮后,LeftPanel应滑离屏幕(向左),RightPanel应展开以占据其原始空间加上LeftPanel腾出的空间.
6.此时,ShowHideButton应将其文本更改为"显示面板".
7.再次按下按钮后,LeftPanel应向后滑动到屏幕上(从左侧),RightPanel应缩小到"将其返回"原始空间.
8.此时,ShowHideButton应将其文本更改回"隐藏面板".
我正在使用实现动画animateWithDuration:animations:completion:.到目前为止,过渡关闭屏幕工作正常(非常好,其实).
令我不安的是,当我尝试将LeftPanel"带回"时,我得到了一个EXC_BAD_ACCESS.我已经在下面发布了我的代码,我已经看了它,但我真的看不到我正在访问的内容(或者是导致EXC_BAD_ACCESS的任何内容).
DrawerTestingViewController.h
#import <UIKit/UIKit.h>
typedef enum {
kHidden,
kShown
} PanelState;
@interface DrawerTestingViewController : UIViewController {
PanelState currentState;
UIButton *showHideButton;
UIView *leftPanel;
UIView *rightPanel;
}
@property (assign, nonatomic) PanelState CurrentState;
@property (strong, nonatomic) IBOutlet UIButton *ShowHideButton;
@property (strong, nonatomic) IBOutlet UIView *LeftPanel;
@property (strong, nonatomic) IBOutlet UIView *RightPanel;
- (IBAction)showHidePressed:(id)sender;
@end
DrawerTestingViewController.m
#import "DrawerTestingViewController.h"
@implementation DrawerTestingViewController
@synthesize CurrentState = currentState;
@synthesize LeftPanel = leftPanel; …我目前正在使用Malsup的Cycle插件 .我只是想知道是否有可能让循环插件返回当前显示的幻灯片的索引号？
我想在特定幻灯片处于活动状态时更改页面内容.不知道如何实现那个..
我正在使用ion-slide-box,但问题是,我的ion-slides高度并不相同,所以它将所有的ion-slides 设置为高度的大小.以下是一个例子
因此,ion-slide-box高度将为100px,这将在slide1中创建一个空白区域(70px).当用户使用该空白区域(70px)滑动时,slider不起作用.
slidebox为不同的幻灯片高度工作的方式/解决方法是什么？
尝试h3通过jquery将标题向右滑动到此滑块.此滑块默认具有淡入淡出效果,我正在尝试将slideRight效果赋予h3滑块标题.
HTML:
<div id="headslide">
<ul>
<li class="post-content">
<div class="slidshow-thumbnail">
<a href="#">
<img src="http://3.bp.blogspot.com/-h4-nQvZ5-VE/VQ3HLtSS3ZI/AAAAAAAABIc/iaOda5zoUMw/s350-h260-c/girl_with_winter_hat-wallpaper-1024x768.jpg" height="260" width="350"/>
</a>
</div>
<span class="content-margin">
<p>Cicero famously orated against his p...</p>
/* Title */
<h3><a href="#">Download Premium Blogger Templates</a></h3>
<span class="info">Info</span>
</span>
</li>
<li class="post-content">
<div class="slidshow-thumbnail">
<a href="#">
<img src="http://3.bp.blogspot.com/-YfkF1u_VB40/VWr5dYf00gI/AAAAAAAABW8/wv2e-Lu4etw/s390-h340-c-h340-c/11071467_807062866056131_872486685669967339_n.jpg" height="260" width="350"/>
</a>
</div>
<span class="content-margin">
<p>SEO friendly Flat style Custom Fonts.</p>
/* Title */
<h3><a href="#">Modern with a pixel-perfect eye</a></h3>
<span class="info">Info</span>
</span>
</li>
</ul>
</div>
我试过这个
$(".content-margin").delay(400).show("h3", …
我在PhoneGap/Cordova中构建了一个应用程序,并将JQuery库用于一些简单的动画,如slideUp等.
它们在模拟器上运行良好,但是当我尝试使用实际设备时,动画运行起来非常粗短.
有没有办法加快速度？或者我应该使用不同的过渡框架工作？
如果后者是真的,任何人都可以建议一个好的版本供我尝试吗？
谢谢
我正在使用ng-animate来滑动应用程序视图,因此每条路径都会自己滑动视图,这是我的简单代码:
HTML:
<div ng-view ng-animate class="slide"></div>
CSS:
/*Animations*/
.slide{
left:0;
}
.slide.ng-enter{
transition:0.15s linear all;
position:fixed;
z-index:inherit;
left:-100%;
height:inherit;
}
.slide.ng-leave{
transition:0.15s linear all;
position:fixed;
z-index:9999;
right:0;
}
.slide.ng-leave-active{
transition:0.15s linear all;
position:fixed;
right:-100%;
left:100%;
}
.slide.ng-enter-active{
transition:0.15s linear all;
left:0;
position:relative;
}
现在,我想知道, is there anyway to exclude the home page (main "/" route) from sliding?
换句话说:任何从ng-animate中排除路线的方法？