Question

我正在尝试动态更改索引中#nonMobileDiv的内容。

这是我的index.php的一部分：

<div class = "tiles">
    <a href="CreateNotebook.php" id="createNew">
    <img src="images/addSign.png" alt="Nature">
        <div class="titleMask">
           <h2>Create Notebook</h2>
        </div>
        <div class = "mask">
           <p>Create your own Notebook</p>
        </div>
    </a>
</div>

这是我的功能：

 $('.tiles').on('click', 'a', function (e) {
        e.preventDefault();

        var url = $(this).attr('href');

        $.ajax({
            type: 'GET',
            url: url,
            success: function (data) {
            $('#nonMobileDiv').html(data); 
        }

        });

    });

我想知道为什么它重定向到CreateNotebook.php，即使我使用了e.preventDefault（）。我很乐意听到任何想法。

感谢。

Answer 1

感谢您提出的所有意见和建议，显然我在我的$('.tiles').on('click', 'a', function (e) {之前编写了一个开放式（不完整且我认为写得不好）的函数，这会导致问题。

我的页面不会使用ajax动态加载

1 个答案: