jQuery Forum

I am using the jQuery Quicksand plugin -- http://jsfiddle.net/se9pY/

but I get rawDestElement is undefined in FireBug...

$(function() {
    $("#filter a").click(function() {
        var $this = $(this),
                $oriColl = $("#boxes"),
                $clonedColl = $oriColl.clone(),
                filtered = ($this.text() == "all") ? $("#boxes li") : $("#boxes li[data-type=" + $this.text() + "]");

        $("#boxes").quicksand(filtered, { duration: 800, easing: 'easeInOutQuad' });
    });
});

Whats wrong?

I am trying to validate if a URL refers to an image. I tried something like

$(function() {
    function IsValidImageUrl(url) {
        $("<img>", {
            src: url,
            error: function() { return false; },
            load: function() { return true; }
        });
    }
    alert(IsValidImageUrl("http://goo.gl/GWtGo"));
    alert(IsValidImageUrl("http://error"));
});

but of course it doesn't work. I need the function to return a boolean instead of alerting something because I want to validate a form. Possibly integrating with jQuery Validate.

I posted a question on StackOverflow too: Is this a valid test to check if a URL refers to an Image in JS/jQuery

i am trying to reproduce the same effect as StackOverflow's add question page. where their WMD/markdown editor will dynamically update the preview. i want to use prettify to have syntax coloring on my <code> blocks.

i tried

1. $("#main").delegate("code", "ready", function() { ... does not run ... }

if i try changing ready to hover, it runs. my idea is to when code blocks are generated on the page, attach the class "prettyprint" to them to trigger syntax coloring

how can i select elements from a HTML string. i have used .get() to load data and i want to search for HTML elements within that data/string

1. $.get(nextHref, function(data) {
2.     alert(data); // OK
3.     // i tried
4.     alert($(data).find("#posts").html()); // returns null
5.     // and
6.     alert($("#posts", data).html()); // returns null also
7. }

how can i have the functionality of load() except i want to append data instead of replace. maybe i can use get() instead but i want to just extract the #posts element from the loaded data

i am using this infinite scroll plugin i have the following markup and i get nothing happening, new page posts are not loaded ...

1. $(function() {
2.   $(".posts").infinitescroll({
3.     navSelector: "#pageNav",
4.     nextSelector: ".next",
5.     itemSelector: ".posts .post"
6.   });
7. });

1. <div class="posts">
     <div class="post">1. ...</div>
     <div class="post">2. ...</div>
     <div class="post">3. ...</div>
     <div class="post">4. ...</div>
     <div class="post">5. ...</div>
     <div class="post">6. ...</div>
     <div class="post">7. ...</div>
     <div class="post">8. ...</div>
     <div class="post">9. ...</div>
     <div class="post">10 ...</div>
   </div>
   <ul id="pageNav" class="clearfix">
     <li><a href="page1.html" class="active">1</a></li>
     <li><a href="page2.html" class="next">2</a></li>
     <li><a href="page3.html">3</a></li>
     <li><a href="page4.html">4</a></li>
     <li><a href="page5.html">5</a></li>
   </ul>