在我的情况下,我有一个UL JQuery UI Selectable插件应用程序,但同时,我希望项目女巫绑定与selectable plugin我做这个项目的东西.double click但它似乎是JQuery UI Selectable plugin had block the dblclick event.那么,我怎样才能让它发挥作用？
例如:
<script>
$(function() {
$( "#selectable" ).selectable();
$( "#selectable" ).dblclick(function(){
// do something here
})
});
</script>
<ul id="selectable">
<li class="ui-widget-content">Item 1</li>
<li class="ui-widget-content">Item 2</li>
<li class="ui-widget-content">Item 3</li>
<li class="ui-widget-content">Item 4</li>
<li class="ui-widget-content">Item 5</li>
<li class="ui-widget-content">Item 6</li>
<li class="ui-widget-content">Item 7</li>
</ul>
非常感谢你!!
默认情况下我需要进行多项选择,因此用户无需按住ctrl.非常感谢一些帮助,谢谢.
我有一组我想要选择的元素.
jQuery UI Selectable似乎是正确的工具,但我遇到的问题是功能似乎绑定到所有子元素,并且所有类都被应用.
我想确保事件的类和绑定仅应用于第一代子代,而不是它们的嵌套元素.
这是一个jsFiddle,它应该有助于说明我想要阻止的内容:http://jsfiddle.net/ncKEW/
代码HTML
<div id="group">
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div>
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div>
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div>
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div> </div>
JS
$(document).ready(function(){
$('#group').selectable();
});
Css(仅用于说明)
#group{padding: 12px;}
h2{font-size: 1.2em;margin: 2px 0;}
.unit{background: blue;}
.ui-selected{background: yellow;}
我使用了可选列表,但是如果我写了一个自定义列表项,则列表不可选.如果我直接使用listitem,则列表是可选的.
var DataCenterRow = React.createClass({
render: function () {
return (
< ListItem primaryText = {this.props.datacenter.name}
rightIconButton= {rightIconMenu}
value={this.props.index} onTouchTap= {this.selectItem}/>
);
}
});
module.exports = DataCenterRow
我正在使用jQuery UI Slectable http://jqueryui.com/demos/selectable/
初始化后(就像在该链接上的演示一样).拖动选择仅在我开始在对象顶部按住鼠标按钮时才有效.如果我从对象外部开始拖动选择,则选择不起作用.
有没有办法启用它,以便用户可以在Selectable对象之外启动拖动选择？
有谁知道如何破坏javascript(jquery)函数？我正在使用jquery"selectable",并且在可选择的"stop"事件上触发了函数调用"edit".
在这个"编辑"功能中,我有很多"点击"事件嵌套开关功能,每个"点击"事件中都有很多功能.我的问题是,每当我触发"可选"功能时,"edit"功能内的事件再次被触发,但之前的功能和事件仍然存在.我现在做的是取消绑定功能"编辑"中的每个事件在可选择的"开始"甚至.
这是内存泄漏问题吗？有没有办法在javascript中"破坏"功能？我试图在函数结束时将函数声明为null但这不起作用.其中的功能和事件仍然存在.
谁有线索？
演示页面 - > http://dreamerscorp.com/test/test01/javascript_destory_test.html
编辑2009/10/31 :)非常感谢您的帮助,您的评论对我非常有用,再次感谢!!!
我正在开发一个可以生成Word文档的项目,其中一个功能是定义目录.我希望我的TOC是一个可排序的jQuery列表,用于对章节进行排序.
我正在从MySQL表中递归地重新检索数据,该表按预期运行.由于我发现在IE7(以及可能的其他版本)中存在一些奇怪的行为,我切换回基础并在一个简单的HTML文件中尝试以下内容,而没有任何DB生成的结构.
<!doctype html>
<html>
<head>
<script type="text/javascript" src="./jquery-1.3.2.js"></script>
<script type="text/javascript" src="./ui/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$("ul.list").sortable({
opacity: 0.7,
helper: 'clone',
cursor: 'move',
tolerance: 'pointer'
});
$("ul.list").selectable();
$("ul.list").disableSelection();
});
</script>
<style type="text/css">
ul.list {
list-style:none;
padding:none;
margin:none;
border:1px solid #EFEFEF;}
ul.list:hover {
border:1px dotted #333;}
</style>
</head>
<body>
<ul class="list">
<li>Chapter 1</li>
<li>Chapter 2
<ul class="list">
<li>Chapter 2.1</li>
<li>Chapter 2.2</li>
</ul>
</li>
</ul>
</body>
</html>
有了这个源(无论子级的数量),我希望每个子章节都是其父章节中唯一的可排序列表.在FireFox中它可以正常工作,但遗憾的是在工作中IE7是默认浏览器,无法进行切换.
有没有人有什么建议怎么办？
基本上我只想重新组织列表和嵌套列表.此时我只能拖动主要章节,当我尝试拖动子章节时,相应父级的整个列表结构被拖动.因此,当我试图拖动"第2.2章"将其置于"第2.1章"之上时,我实际上是在拖动"第2章",只有将其拖到"第1章"之上.
我希望我的问题很清楚.
这是一个演示.添加/edit到URL以查看代码并使用它
我刚刚开始在我的应用程序中注入一些jquery UI好处,并且正在努力解决一个相当小的问题.我有可选择的插件工作,但我似乎可以在拖动选择多个时显示套索选框框.
jquery UI站点上的工作示例: http ://jqueryui.com/demos/selectable/#default
我的尝试: http ://jsbin.com/amare5/2/edit
使用的代码是jquery UI站点示例的精确副本.我错过了什么？
我有一个webView.WebView显示带有文本,图像,按钮等的html.
我想做一些事情.
1)用户无法在webView中选择文本
2)点击和长按按钮的行为相同.
我做了下面的事情来解决我的问题:首先,我添加了html页面样式:
body {
...
-webkit-user-select: none;
-webkit-touch-callout: none;
...
}
但它没有帮助我.该解决方案不适用于所有机器人.
所以我尝试为webView添加触摸侦听器.
听众守则:
webView.setOnTouchListener(new OnTouchListener() {
private float prevX;
private float prevY;
@Override
public boolean onTouch(View v, MotionEvent event) {
boolean handled = true;
if (MotionEvent.ACTION_DOWN == event.getAction()) {
prevX = event.getX();
prevY = event.getY();
} else if (MotionEvent.ACTION_UP == event.getAction()) {
if (Math.abs(event.getX() - prevX) < 50
&& Math.abs(event.getY() - prevY) < 50) {
handled = (event.getEventTime() - event
.getDownTime()) > 200;
}
}
Log.d("-------------------------------------------------", …我有一个可选的PrimeFaces 3.4.1数据表:
<p:dataTable value="#{projectAdminisrationMB.selectedUserMemberOfGroups}" var="group1"
rowKey="#{group1.name}" selectionMode="single" selection="#{projectAdminisrationMB.selectedBelongToGroup}">
...
</p:dataTable>
我收到这个错误:
com.sun.faces.context.PartialViewContextImpl $ PhaseAwareVisitCallback访问Grave:javax.faces.FacesException:当启用选择时,DataModel必须实现org.primefaces.model.SelectableDataModel.
但是我已经rowKey根据FacesException设置了:当启用选择时,DataModel必须实现org.primefaces.model.SelectableDataModel.这是怎么造成的,我该如何解决？
selectable ×10
jquery ×7
javascript ×4
jquery-ui ×4
android ×1
behavior ×1
css ×1
jsf ×1
material-ui ×1
memory-leaks ×1
primefaces ×1
reactjs ×1
row-key ×1
webview ×1