jQuery Forum

We'll, after many months of trying then giving up, I finally found a solution to show adsense ads when theirs a page loaded dynamically.

So i'm creating a mobile template for a forum, but ran into a issue. Did some searching on here, but didn't find anything related.

Here's the issue:

When a user lands on a forum, let's say from a google search, the url is:

http://myforum.com/forum1

Now, when they click any of the threads displayed, the href that is generated in the html is like the following:

1. http://myforum.com/forum1/123-my-post.html

But, when i click on the link, if I inspect via the firebug console, the following url is request, ending up in a 404:

1. http://myforum.com/123-my-post.html

There must be a way to have jquery mobile always request the full path of the url correct?

Ever since updating from 1.4 to 1.5, I've been getting the following error.

1. uncaught exception: Syntax error, unrecognized expression: [href=/topics/ps3]

This is the code that's throwing the error.

1. reloadLink = $("#Nav a[href=" + topic_path + "]");

From reading on the changes of 1.5, it now sounds like the attribute values has to be wrapped in quotes, however, my attribue value is derived from the following.

1. topic_path = '/topics/' + window.location.hash.replace(/^#/, '');

So wrapping topic_path with quotes give me the string name of "topic_path", not what it really equates to, like "/topics/ps3"

Any help would be greatly appreciated.

Think I stumbled upon an issue. I'm working locally on integrating a forum with jquery mobile, but recaptcha is not responding when any of the recaptcha click events, like refresh the captcha, or play the audio.

I have a link, that on my desktop site, I use a e.preventDefault(), then load a json file in on the click

However, I tried doing the same, and the # keeps getting added to the end of the url. Is there a proper way of using jquery mobile to prevent this? Obviously the below is just for testing purposes, but I can't seem to stop the # from being added.

1. $('#TwitterPagination a').live('tap',function(e){
2.         e.preventDefault();
3.     });

I noticed on the demo, that when changing between links, ui-loading is adding the the html class to show the loader.

I've setup a few test pages, that only use #'s to load the view, all withing the same html file, but the loader is never shown. Using firebug, I don't see the dom being changed like it does on the demo's. Just curious if anyone else noticed this.

So I've been going through the docs and seem to be stuck on an issue.

<!-- Start of second page -->
<div data-role="page" id="bar">

	<div data-role="header">
		<h1>Bar</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>I'm first in the source order so I'm shown as the page.</p>		
		<p><a href="#foo">Back to foo</a></p>	
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /header -->
</div><!-- /page -->

According to the docs, to create additional pages, you have a unique id, like in the example above, #foo

Now, my issue is, I have about 10 or so pages that I need to load from the mobile landing page, but I don't really want to hard code all those pages, I'd really like to do a jquery add everytime a page is clicked, this way, I can just create a template, since each page will be the same, the only difference is obviously the page name itselft and the json that is loaded from a call.

Anyone experimented with this yet?

I'm trying to use getscript to load a js file, and place it in a div id. I've seen alot of examples online of doing so via a onlick, but I'm really looking to do this during page load. Is it possible to place the executed js via getscript in a particular div?

Sorry everybody, complete noob here learning jquery.

So I'm using this jquery.validator.js plugin, to validate my form, and also, submitting the form to a php script with the ajax call.

Here's my js code.

<script type="text/javascript">
$(document).ready(function() {
   $("#form").validate({
         //set the rules for the fild names
         rules: {
            name: {
               required: true,
               minlength: 2
            },
            comment: {
               required: true,
               minlength: 2
            },
         },
         //set messages to appear inline
         messages: {
            name: "Please enter your name",
            comment: "Please enter your message"
         }
      });
   $('#form').ajaxForm(function() {
   $('#tagline').html('Thanks');
    $('#message h2').html('You submitted your comment');
   $('#tagline').hide();   
   $('#submit_button').hide();   
   $(this).delay(2000,function(){
   window.location = '/';
            });
});
});

Now what happens, when I hit submit on the form, you see the validation error, telling you to type in the form, but right after that, the form gets submitted.

I'm sure my code is all jacked, but what would be the best way, so the ajax call isn't initiated until the form is validated (filled out)?

Thanks