Problem with script execution in Safari

Question

I had a problem with some functionality working in all browsers except for Safari, and I have reduced the problem down to this.

In my page I have the following script declarations at the end of my body element:

<script type="text/javascript" src="../../Scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.11.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.ui.autocomplete.html.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.textchange.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.reveal.js"></script>
<script type="text/javascript" src="../../Scripts/mainScript.js"></script>

Then inside the mainScript.js file, I have put the following code:

$(function () {
  alert("found");
});

In all other browsers, it displays a message box, but in Safari it does nothing.

Safari's javascript debugger lists the script, and can see the contents, but for some reason it's not included.

I found this problem since I tried to call a function in mainScript.js from an inline script inside the html page (the inline script was defined below the mainScript.js definition), and the Safari debugger complained that the function was not found anywhere.

What have I done wrong here, and why does not Safari include this script. All the jquery scripts are included and are working fine.

Albireo · Accepted Answer · 2011-06-23 11:51:45Z

1

Your code seems good.

I tried with this code

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <h1>Test</h1>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                alert("Test");
            });
        </script>
    </body>
</html>

and it works fine (Safari 5.0.5 7533.21.1 on Windows 7).

A couple of questions:

Have you tried calling your function manually from the Error Console? Does it work?
If you place a simple alert("Test."); outside of the document ready function, is it displayed?
If you call jQuery's function from the Error Console, what do you get? Do they work?

answered Jun 23, 2011 at 11:51

Albireo

11.1k14 gold badges66 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Øyvind Bråthen Over a year ago

Fell really stupid now. Just after looking at this for a long time, and posting this question I found the reason for this. There was something else in script that gave an error, so the entire script file got skipped. the code { class: 'Test'} works in all browsers, except for Safari. It fails because class is a reserved word. So I guess Safari is right in calling the error here, and the other browsers are just trying to be nice :)

Øyvind Bråthen · Accepted Answer · 2011-06-23 11:59:52Z

1

The problem was found elsewhere in mainScript.js.

{ class: 'someclass' } was sent as parameter to some method, and class is a reserved word.

This should probably have given errors in other browsers as well, but they gladly ignored it and kept on going.

The fix was simply to change it to { 'class': 'someclass' }

answered Jun 23, 2011 at 11:59

Øyvind Bråthen

60.9k28 gold badges128 silver badges154 bronze badges

Collectives™ on Stack Overflow

Problem with script execution in Safari

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related