|
|
Sorry for my English.
I need to do this by clicking the
mouse to click a link. this
structure
<ul id="list1"><li><div>
<a href="http://vk.com"><img src='../0x3/vkontakte.ru.jpg' width='222' height='160' border="0"></a></div></li> <li><div><a href="http://yandex.com"><img
src='../0x3/yandex.ru.jpg' width='222' height='160' border="0"></a></div></li> <li><div><a href="http://google.com"><img src='../0x3/google.ru.jpg' width='222'
height='160' border="0"></a></div></li> <li><div><a href="http://youtube.com"><img src='../0x3/youtube.ru.jpg' width='222' height='160' border="0"></a></div></li>
<li><div><a href="http://mail.ru"><img src='../0x3/mail.ru.jpg' width='222' height='160' border="0"></a></div></li> <li><div><a
href="http://odkl.ru"><img src='../0x3/odnoklassniki.ru.jpg' width='222' height='160' border="0"></a></div></li> <li><div><a href="http://ya.ru"><img
src='../0x3/ya.ru.jpg' width='222' height='160' border="0"></a></div></li> <li><div><a href="http://qip.ru"><img src='../0x3/qip.ru.jpg' width='222' height='160'
border="0"></a></div></li> <li><div><a href="http://r0.ru"><img src='../0x3/r0.ru.jpg' width='222' height='160' border="0"></a></div></li>
</ul>
Thanks in advance for your reply and the script
|
|
Coordinator
Dec 24, 2011 at 7:00 AM
Edited Dec 24, 2011 at 7:08 AM
|
There's a bug, thanks for letting me know. Replace this line:
if (e.which != 1 || $(e.target).is(opts.dragSelectorExclude))
With this line:
if (e.which != 1 || $(e.target).is(opts.dragSelectorExclude) || $(e.target).closest(opts.dragSelectorExclude).size() > 0)
Afterwards the links should work again. Will be fixed in next version.
|
|
|
|
It does not work( More
passes but does not move
Sorry, maybe I am wrong explained.
I have between <div> </
div> image. And these images
- links. I would like to move
the images and also pass
on them at the click of a mouse. For example
as visual bookmarks in Opera browser
Thanks for the answer
|
|
|
|
It work on a standard
script is good, but I rewrote
a little css and therefore
can not work. These lines, increased
window
#list1 li, #list2 li { float:left; padding:1px; width:222px; height:160px; }
#list1 div, #list2 div { width:222px; height:160px; border:solid 1px black; background-color:#E0E0E0; text-align:center; }
|
|
Coordinator
Jan 18, 2012 at 1:27 AM
Edited Jan 18, 2012 at 8:50 PM
|
By "passed", do you mean go to hyperlink destination? Triggering dragsort on a hyperlink will prevent it from working so by default dragSelectorExclude is set to "a[href]" to stop dragsort and allow the hyperlink to work.
However, I think I've come up with a workaround that will allow you to both click and drag a hyperlink, so do you want to try this version out and let me know how it works for you:
http://dragsort.codeplex.com/releases/view/80735
|
|
|
|
Yes, I'm talking about the link, and
how to enable this feature in version 5.0??
thanks in advance
|
|
Coordinator
Mar 3, 2012 at 11:27 AM
|
It should be working with version 5.0. The change was to not trigger dragsort until you move the mouse when you have the mouse button down on the item, so a simple click shouldn't be triggering dragsort. The only thing left is it does is call "e.preventDefault();"
on mousedown in the grabItem function, so you can try commenting that out to see if that helps. What browser and version are you using?
|
|