my custom jQuery code does not work, why??

[DrByte]

Do I correctly read that Zen Cart is properly outputting the page-specific js that you've asked it to?
And that your problem is really just that your custom javascript/jquery code isn't performing as you intended?

[tlyczko]

Do I correctly read that Zen Cart is properly outputting the page-specific js that you've asked it to?
And that your problem is really just that your custom javascript/jquery code isn't performing as you intended?

Yes. I know the js file works by the above-mentioned alert("alert"); works.
But anything to change the background color value of the css button containing the phrase 'Check Out' does not work.
This is why I'm puzzled...and wondering if this particular JS should be in the onLoad??
I want the proper defined button color to appear when the page loads before anyone ever clicks or mouses anything.

I've also tried to change the background-color attribute of the btn-primary class with attr() to no avail...

Thank you, Tom

[tlyczko]

Do I correctly read that Zen Cart is properly outputting the page-specific js that you've asked it to?
And that your problem is really just that your custom javascript/jquery code isn't performing as you intended?

More trial and error got things working:

1) moved all javascript to its proper place into the bottom of the page in tpl_footer.php, since best practice is to always put all javascript at the bottom of the page

2) use this code for now:

if ($("span:contains('Check Out')")) {
$(".btn-primary").css("color", "green");
}

However, the template uses Twitter Bootstrap, which contains horridly excessively complicated css button code, requiring considerably more testing to determine what colors to use etc. depending on the text.

The jQ code above changes the actual css of the .btn-primary class, in this case the text color for testing.

Thank you, Tom