I was using 5.0.71 I think it was, and I was using "Jquery Masonry" to auto adjust my posts layout. The latest version 5.1.3 causes it to stop working.
WSN 5.1 uses jquery itself, so you'll need to incorporate your jquery into WSN's. I believe there can only be one document ready function, that complicates things.
function extrareadyfunctioncontent() { // additional javascript to place in jquery's document ready function return ''; }
function extrajsheadercontent() { // additional javascript to place in the head area AFTER the jquery includes return ''; }
Put the document ready code in the first one and any other jquery-dependent <head> code in the second.
This seems more complicated than it should be though, so I think I'll simplify with text files for 5.1.4... let's say a jquery/documentready.txt and jquery/morejavascript.txt where you can place the code directly. Documented in advance: scripts.webmastersite.net/w...nks/jquery_issues-529.html
You've inserted <script type="text/javascript" src="http://www.stylelogger.com/js/jquery.min.js"></script> which gives you two jqueries. Don't load another jquery, WSN already has one.
and also, Ive noticed that this new version (since 5.1.0) outputs my css file information into the site.
As far as I can see, it only does that when you turn on the "Convert Stylesheets to Inline?" option at Admin Panel -> Miscellaneous -> Advanced Options to tell it to.
You have <script type="text/javascript" src="http://www.stylelogger.com/js/jquery.masonry.js"></script> <script type="text/javascript" src="http://www.stylelogger.com/js/jquery.masonry.min.js"></script> now, which double-includes masonry -- min.js is just a compressed version of .js I presume. May work but likely slows the browser.
Comments on Latest version kills "Jquery Masonry"
Experienced
Usergroup: Customer
Joined: Dec 19, 2004
Total Topics: 15
Total Comments: 54
I was using 5.0.71 I think it was, and I was using "Jquery Masonry" to auto adjust my posts layout. The latest version 5.1.3 causes it to stop working.
It supposed to look like Example A from the pic on this site: http://desandro.com/resources/jquery-masonry
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
WSN 5.1 uses jquery itself, so you'll need to incorporate your jquery into WSN's. I believe there can only be one document ready function, that complicates things.
There are two pluggable functions in WSN which you can use:
Put the document ready code in the first one and any other jquery-dependent <head> code in the second.
This seems more complicated than it should be though, so I think I'll simplify with text files for 5.1.4... let's say a jquery/documentready.txt and jquery/morejavascript.txt where you can place the code directly. Documented in advance: scripts.webmastersite.net/w...nks/jquery_issues-529.html
Experienced
Usergroup: Customer
Joined: Dec 19, 2004
Total Topics: 15
Total Comments: 54
Im a little confused on what to add to which plugin. this is the code from my wrapper.tpl in the <head> section:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.masonry.js"></script>
<script type="text/javascript">
$(function(){
//run masonry when page first loads
$('.wrap').masonry();
//run masonry when window is resized
$(window).resize(function() {
$('.wrap').masonry();
});
})
</script>
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
5.1.4 is released within the next few minutes. Upgrade, then put
$('.wrap').masonry();
//run masonry when window is resized
$(window).resize(function() {
$('.wrap').masonry();
into jquery/documentready.txt
and
<script type="text/javascript" src="js/jquery.masonry.js"></script>
into jquery/morejavascript.txt
Experienced
Usergroup: Customer
Joined: Dec 19, 2004
Total Topics: 15
Total Comments: 54
ok, I did that. And it still doesn't work...
and also, Ive noticed that this new version (since 5.1.0) outputs my css file information into the site.
If you look at the sourcecode of my site, you can see it.
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
You've inserted
<script type="text/javascript" src="http://www.stylelogger.com/js/jquery.min.js"></script>
which gives you two jqueries. Don't load another jquery, WSN already has one.
and also, Ive noticed that this new version (since 5.1.0) outputs my css file information into the site.
As far as I can see, it only does that when you turn on the "Convert Stylesheets to Inline?" option at Admin Panel -> Miscellaneous -> Advanced Options to tell it to.
Experienced
Usergroup: Customer
Joined: Dec 19, 2004
Total Topics: 15
Total Comments: 54
oh yea, hehe. forgot I turned the "display inline" on. But it still doesn't work. I removed the jquery.min.js from the txt file...
Experienced
Usergroup: Customer
Joined: Dec 19, 2004
Total Topics: 15
Total Comments: 54
nevermind, I fixed it now. forgot a closing bracket in the documentready.txt file. thnx!
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
You have
<script type="text/javascript" src="http://www.stylelogger.com/js/jquery.masonry.js"></script>
<script type="text/javascript" src="http://www.stylelogger.com/js/jquery.masonry.min.js"></script>
now, which double-includes masonry -- min.js is just a compressed version of .js I presume. May work but likely slows the browser.
Experienced
Usergroup: Customer
Joined: Dec 19, 2004
Total Topics: 15
Total Comments: 54
ok thnx