[jQuery] OK, why does *this* function kill Interface Drag/Drop?
New to javascript. New to jQuery. I've hit the wall.
Interface Drag/Drop works, my search photos by tags works. Add/delete
images to/from database works. All work as separate pieces. But when I
try to add my search ajax function to same page where drag/drop stuff
resides, the latter stop working.
My search function puts found images into the same div id
("#theSearchResultImages") that Drag/Drop uses as its draggable area.
Is there some sort of conflict imposed by doing so?
My function + html:
<script type="text/javascript">
$(document).ready(
function()
{
$('#searchAlbumPhotos :submit').bind("click", function(){
$.ajax({url: "/jsrpc/search_album_photos_by_tags",
type: "POST",
data: "tagname=" + $("input[@name=tagname]").val(),
success: function(response){$
("#theSearchResultImages").html(response);},
dataType: "html"});
return false;
});
});
</script>
<form action="" id="searchAlbumPhotos" name="searchAlbumPhotos"
method="POST" />
<input type="text" name="tagname" value="" />
<input type="submit" name="submit" id="submit" value="+" />
</form>
I'll really appreciate any help.
/dennis