JQuery link error

musicman1985 · Aug 21, 2023

Hello. I stuck on a chapter of the book "Learn jQuery 3". The code does well inside dreamweaver but in the browsers(safari, chrome, opera) it does not react at all. When i click on letter A nothig happens. After running the web inspector I got these errors:

This is in short the code for it:


 <div class="letters">
        <div class="letter" id="letter-a">
          <h3><a href="entries-a.html">A</a></h3>
        </div>
</div>
<div id="dictionary">
      </div>
...
<script>
$(() => {
  $('#letter-a a')
    .click((e) => {
      e.preventDefault()

      $('#dictionary')
        .load('a.html');
    });
});
</script>

VBService · Aug 21, 2023

You can't use XMLHttpRequest directly from the browser to local files.
You need use some server application e.g. XAMPP or Alternatives for Hosting Your Website Locally or use some online IDE.

[ on-line ]

HTML:

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
    </head>
    <body>
        <div class="letters">
            <div class="letter">
                <h3>
                    <a href="#">A</a>
                    <a href="#">B</a>
                    <a href="#">C</a>                   
                </h3>
            </div>
        </div>
        <div id="dictionary"></div>

        <script>
            $(() => {
                $('.letter').click((e) => {
                    e.preventDefault();
                    var letter = e.target.textContent.toLowerCase();
                    $('#dictionary').load(`${letter}.html`);
                });
            });
        </script>
    </body>
</html>

VBService · Aug 21, 2023

musicman1985 said:
The code does well inside dreamweaver

Dreamweaver has a built-in kind of server.

musicman1985 · Aug 22, 2023

VBService said:
Dreamweaver has a built-in kind of server.

thank you.

JQuery hover error	3	Aug 28, 2023
JQuery add shadow error	4	Sep 1, 2023
How to add dropdown selected data to table using jquery	2	Jul 2, 2022
Clickable Div Block	1	Oct 13, 2023
Jquery not triggering / acting as expected.	0	Mar 6, 2022
Javascript scroll to sections and also scroll to section but open relevant nav-tab	4	Feb 25, 2022
Sort by number of characters	1	Nov 2, 2023
Script working in Firefox but not Chrome and Safari	3	Apr 6, 2021

JQuery link error

musicman1985

VBService

VBService

musicman1985

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads