Using jqTransform with JQuery 1.5.1

Using jqTransform with JQuery 1.5.1

Hi,

I've been experimenting with jqTransform and had a small sample working just nicely. HOwever, I noticed that the demo came packaged with JQuery 1.2 and as the rest of my project uses JQuery 1.5.1 I want to keep only one version of the library in the project.

On trying to use the jqTransform demo with the latest version of JQuery it fails.

Here's the conde snippets I have:

selected.js

  1. $(document).ready(function(){   
                              
        $(function(){
       
            $('form').jqTransform({imgPath: '../jqtransformplugin/img/'});
       
        });                          
               

        $(".jqTransformSelectWrapper>ul>li>a").click(function(){                             
            var value = $(".jqTransformSelectWrapper>div>span").html();   
            alert("this is the value " + value);                         
        });
    });













demo.html

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta name="gmapkey" content="" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />

        <title></title>

        <link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" />
        <link rel="stylesheet" href="demo.css" type="text/css" media="all" />
       
        <script type="text/javascript" src="../../../jsFramework/jQuery1-5-1.js"></script>
        <script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" ></script>
        <script type="text/javascript" src="js/selected.js"></script>
    </head>
    <body>
        <form action="post.php" method="POST">       
                <select id="languageChange" class="target">
                    <option value="ENGLISH">ENGLISH</option>
                    <option value="ARABIC">ARABIC</option>
                </select>
        </form>
    </body>
    </html>




























I know the paths are all okay. When I watch this is in Firebug I see the values and classes changing as expected but the alert never appears - it's as is if the click function in selected.js isn't firing. However, it move back to using the older version of JQuery it works.

Can someone help me with this - point me in the right direction to get this plugin working with JQuery 1.5.1?

Many thanks
Nathan