在我的html中,我有一个嵌入在li中的类dragHandle.
<div class='treeView'>
<ul class='tree'>
<li><span class="dragHandle"></span>Item 1
<ul>
<li><span class="dragHandle"></span>Item 2 <a href="#">link</a></li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我使用jQuery附加事件处理程序,如下所示:
$(".tree li").click(function(event) {
alert("click");
event.stopPropagation();
});
$(".dragHandle").mousedown(function(event) {
alert("down");
event.stopPropagation();
});
$(".dragHandle").mouseup(function(event) {
alert("Up");
event.stopPropagation();
});
Run Code Online (Sandbox Code Playgroud)
当我mousedown并将鼠标放在元素上时,我得到了向下和向上警报,但是我也得到了li的事件处理程序的点击警报.我认为这应该通过调用mousedown和mouseup处理程序中的event.stopPropagation来防止.如何在dragHandle上停止为mousedown/up事件调用的click事件?
TIA,亚当
是否可以将CALayer剪辑到任意路径?我知道我可以剪辑到超级界限,但在这种情况下,我需要更加规范.
TIA,亚当
我试图通过JSON请求创建一个ActiveRecord对象.但是,控制器无法设置新创建的对象中的参数中传递的变量.例如,person对象有两个字段:firstname和lastname.
JSON.org库的JSON.stringify函数生成的JSON生成:
{"firstname" : "Joe" , "lastname" : "Bloggs"}
Run Code Online (Sandbox Code Playgroud)
但是,控制器期望JSON采用以下形式:
{ "Person" : {"firstname" : "Joe" , "lastname" : "Bloggs"} }
Run Code Online (Sandbox Code Playgroud)
我知道在正常的事件过程中(对于HTTP请求),请求的参数嵌套在正在创建的模型的类名下.
控制器中的create动作是:
def create
@person = Person.new(params[:person])
respond_to do |format|
if @person.save
flash[:notice] = 'Person was successfully created.'
format.html { redirect_to(@person) }
format.xml { render :xml => @person, :status => :created, :location => @person }
format.json { render :json => @person, :status => :created, :location => @person }
else
format.html { render :action => "new" }
format.xml { render …Run Code Online (Sandbox Code Playgroud) 我有一个问题,关注iPad上的文本字段.我在哪里使用:
$(document).bind("click",function(event) {
alert('click');
focusTextArea();
});
Run Code Online (Sandbox Code Playgroud)
焦点设置为文本区域,并出现键盘.但是,当使用touchend调用时,focusTextArea不会调用并且键盘不可见.我的focusTextArea功能是:
function focusTextArea() {
$('#textArea').focus();
}
Run Code Online (Sandbox Code Playgroud)
有谁知道为什么会发生这种情况,以及我怎么能够让它发挥作用?
TIA,
亚当
我有一个嵌套的无序列表,其左侧有主要内容,我想添加右侧浮动的选项,这样它们就会在右侧对齐,而不管缩进程度如何.
<ul>
<li> Item 1 <span class='options'> link </span> </li>
<li> Item 2 <span class='options'> link </span>
<ul>
<li>Item 3 <span class='options'> link </span> </li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我有以下css:
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
padding-left: 15px;
width: 400px;
}
.options {
float: right;
width: 50px;
}
Run Code Online (Sandbox Code Playgroud)
使用此选项时,选项范围与右侧对齐,但在预期线下方1行.
如何获得选项范围以与列表项对齐?
TIA,亚当