The Arcive of Official vBulletin Modifications Site.

TheRealso0sick · #1 01-02-2012, 05:59 PM

Hi!

I'm trying to implement a jquery plugin
to one of my CMPS Modules.

I've added the HTML code to a BB code Module (very simple code),
the CSS to my main CSS/additional CSS
and added/linked the Jquery/Plugin in my headinclude template.
Though, the Jquery script does not seem to have any effect
on my html code and i can't figure out why.

Is anyone experienced with this and can tell me what i'm doing wrong?
When testing the exact same code on a external page, it worked perfectly fine.

Heres my code:
(The sources are correct btw)

Jquery/JS (in headinclude template)

Code:

<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script src="jquery.kwicks-1.5.1.js"></script>
<script>
$().ready(function() {  
    $('.kwicks').kwicks({  
        max : 205,  
        spacing : 5  
    });  
});  
</script>

HTML (in CMPS BB code module)

Code:

<ul class="kwicks" >  
    <li id="kwick1">1</li>  
    <li id="kwick2">2</li>  
    <li id="kwick3">3</li>  
    <li id="kwick4">4</li>  
</ul>

CSS (in main/additional CSS)

Code:

.kwicks {  
    list-style: none;  
    position: relative;  
    margin: 0;  
    padding: 0;  
}  
.kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
}  

.kwicks li{  
    float: left;  
    width: 125px;  
    height: 350px;  
    margin-right: 5px;  
}  
#kwick1 {   
    background-color: #53b388;  
    background-image: url('../images/meet.gif');  
}  
#kwick2 {  
    background-color: #5a69a9;  
    background-image: url('../images/kwicks.gif');  
}  
#kwick3 {  
    background-color: #c26468;  
    background-image: url('../images/for.gif');  
}  
#kwick4 {   
    background-color: #bf7cc7;  
    background-image: url('../images/jquery.gif');  
    margin-right: none;  
}

Any help is greatly appreciated!

TheLastSuperman · #2 01-02-2012, 08:01 PM

I believe you simply need to tweak it a little for example it has:

Code:

<script>
function code
function code
function code
</script>

Where it should be

Code:

<script type="text/javascript">
function code
function code
function code
</script>

TheRealso0sick · #3 01-02-2012, 08:17 PM

Ty for your answer

Yes, i thought of that but it didn't fix it either.
I got it working now though.

What i did was, instead of using a BB Code Module,
i created a new template module and just treated it
like a normal HTML page (<html> <head> <body> etc..)
Placing my script code in the header of this "template" worked fine.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03780 seconds Memory Usage 2,182KB Queries Executed 13 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (5)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (3)post_thanks_box (3)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (3)post_thanks_postbit_info (3)postbit (3)postbit_onlinestatus (3)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!