jquery问题、jquery-selectable懂的进。。。。。

问题描述

源码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>jQueryUISelectable-Defaultfunctionality</title><linktype="text/css"href="../../themes/base/jquery.ui.all.css"rel="stylesheet"/><scripttype="text/javascript"src="../../jquery-1.4.2.js"></script><scripttype="text/javascript"src="../../ui/jquery.ui.core.js"></script><scripttype="text/javascript"src="../../ui/jquery.ui.widget.js"></script><scripttype="text/javascript"src="../../ui/jquery.ui.mouse.js"></script><scripttype="text/javascript"src="../../ui/jquery.ui.selectable.js"></script><linktype="text/css"href="../demos.css"rel="stylesheet"/><styletype="text/css">#feedback{font-size:1.4em;}#selectable.ui-selecting{background:#FECA40;}#selectable.ui-selected{background:#F39814;color:white;}#selectable{list-style-type:none;margin:0;padding:0;width:60%;}#selectableli{margin:3px;padding:0.4em;font-size:1.4em;height:18px;}</style><scripttype="text/javascript">$(function(){$("#selectable").selectable();});</script></head><body><divclass="demo"><olid="selectable"><liclass="ui-widget-content"><ahref="http://www.163.com">Item1</a></li><liclass="ui-widget-content"><ahref="#">Item2</a></li><liclass="ui-widget-content">Item3</li><liclass="ui-widget-content">Item4</li><liclass="ui-widget-content">Item5</li><liclass="ui-widget-content">Item6</li><liclass="ui-widget-content">Item7</li></ol></div><!--Enddemo--><divclass="demo-description"><p>EnableaDOMelement(orgroupofelements)tobeselectable.Drawaboxwithyourcursortoselectitems.HolddowntheCtrlkeytomakemultiplenon-adjacentselections.</p></div><!--Enddemo-description--></body></html>

为什么点击了Item1之后不跳转到超链呢?求解

解决方案

解决方案二:
在线等·····
解决方案三:
可以跳转啊,刷新了再试一下?
解决方案四:
引用2楼zhoutt1989的回复:

可以跳转啊,刷新了再试一下?

我试过了。不能跳转。
解决方案五:
你用的什么浏览器啊?我用IE就可以跳转啊
解决方案六:
引用4楼a87345293的回复:

你用的什么浏览器啊?我用IE就可以跳转啊

不是这样的。。。这是引用了jquery的。不管是什么浏览器都要写事件才能执行
解决方案七:
lz不是不好用而是时好用时不好用,不信你对item1乱点一通(别再同一个地方点),一会就能成功跳转了。我也遇到这个问题了,我是想给li标签添加一个click事件,可是也是一会好使一会不好使。同求解
解决方案八:
引用6楼mitsubishi79485890的回复:

lz不是不好用而是时好用时不好用,不信你对item1乱点一通(别再同一个地方点),一会就能成功跳转了。我也遇到这个问题了,我是想给li标签添加一个click事件,可是也是一会好使一会不好使。同求解

看来用JQery行不通啊

时间: 2024-09-20 06:15:37

jquery问题、jquery-selectable懂的进。。。。。的相关文章

java-我在菜鸟教程上下载了一个JQuery的Demo,但是无法导入进Eclipse里,如何才能导入呢?

问题描述 我在菜鸟教程上下载了一个JQuery的Demo,但是无法导入进Eclipse里,如何才能导入呢? 是不是因为没有Project文件 解决方案 因为没有.project文件,所以它不是一个java工程,当然无法导入了.可以自己新建一个工程,再把这些文件复制到项目根目录下就可以了. 解决方案二: jquery是js不是java,用不着什么项目,也没有什么编译的过程,在eclipse中打开也就是把它当一个大号的文本编辑器罢了. 解决方案三: Jquery不是用eclipse打开的,Jquer

从零开始学习jQuery (五) jquery事件与事件对象_jquery

一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解.  二.前言 本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性.  大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师. 文章可能有错误的地方, 希望大家帮忙指出, 一起学习一起进步. 在技术的世界里我们是没

jQuery教程:jQuery.noConflict控制冲突

文章简介:谈谈 jQuery 中的防冲突(noConflict)机制. 许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名,jQuery 是其中最为典型的一个.在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾.jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交. jQuery.noCon

基于jQuery通过jQuery.form.js插件实现异步上传_jquery

本文主要从前台和后台代码分析了jquery.form.js实现异步上传的方法,分享给大家,具体代码如下 前台代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/Scripts/jquery-1.7.2.min.j

Jquery.Treeview+Jquery UI制作Web文件预览

效果图: 前台Html: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="_26.QingShan.WebFileViewer._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q

基于jQuery通过jQuery.form.js插件使用ajax提交form表单_javascript技巧

我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交成功? 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置. 5.支持提交多种类型数据.如:

jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)_jquery

本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法.分享给大家供大家参考,具体如下: 该插件是文章作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的拖拽改变元素大小的效果,您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法_jquery

本文实例讲述了jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法.分享给大家供大家参考.具体如下: 这里介绍jQuery图片左右拖拽特效,无滚动条,将多张图片组合在一起形成的效果,插件使用的是jquery.nicescroll.js,拖动过程中不会出现滚动条,这样更美观了一些,若需要此效果,可参见下边框中的代码. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法_jquery

本文实例讲述了jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法.分享给大家供大家参考.具体如下: 左右拖拽切换对比图片效果,运行效果后,图片中间有个拖动条,拖动左右滑动,可看到图片不一样的效果,女模特的脸变嫩了,呵呵,其实是用了两张背景图片实现的,这就需要jquery.beforeafter.js插件了,拖动时候的小图标不见了,路径可以在jquery.beforeafter.js中设置,不多说了. 运行效果截图如下: 在线演示地址如下: http://d