Форум

mikefromru · #1 (**permalink**) 02.03.2017, 21:30

У меня есть главная страница. Есть несколько ссылок которые ведут к другим файлам. Я подгружаю их в блок <div id='content'> который размещен на главной странице...... Проблема в том что после того как я подгружаю файл в блок <div id='content'> и нажимаю там на какую-нить ссылку, меня перекидывает с главной страницы на другую. Мне не нужно чтоб меня перекидывало на другие страницы. Чем и как мне это делать?Ггде почитать про это?, Как это вообще правильно называется?
Для наглядности вот моя главная страница!

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
</head>
<body>
    <div class="placeLinks">
        <ul>
            <li><a href="javascript://" onclick="$('#content').load('/demo');return false;">Demo</a></li>
            <li><a href="javascript://" onclick="$('#content').load('/addition');return false;">Addition</a></li>
            <li><a href="javascript://" onclick="$('#content').load('/delete');return false;">Delete</a></li>
        </ul>
    </div>
 
    <div id="content" style="text-align: center">
    </div>
</body>
</html>

рони · #2 (**permalink**) 02.03.2017, 22:15

mikefromru,

Сообщение от mikefromru

Чем и как мне это делать?

Сообщение от mikefromru

Отмена действия браузера

рони · #3 (**permalink**) 02.03.2017, 22:22

mikefromru,

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
    <script>
$(function() {
     $('#content').on("click", "a", function(event) {
     event.preventDefault()
     })
});
    </script>
</head>
<body>
    <div class="placeLinks">
        <ul>
            <li><a href="javascript://" onclick="$('#content').load('/demo');return false;">Demo</a></li>
            <li><a href="javascript://" onclick="$('#content').load('/addition');return false;">Addition</a></li>
            <li><a href="javascript://" onclick="$('#content').load('/delete');return false;">Delete</a></li>
        </ul>
    </div>

    <div id="content" style="text-align: center"><a href="http://javascript.ru/forum/">http://javascript.ru/forum/</a>
    </div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript