weixin_33693070 2014-10-30 22:48 采纳率: 0%
浏览 17

Ajax内容加载问题

Following is my code which I am using to load contents dynamically. The issues which I am facing are the following:

Following code has now disabled CTRL+CLICK shortcode to open a url in a new tab. The new CSS and JS are not applying if they are not already exist in the previous page. Kindly let me know how can I resolve above mentioned issues?

 $(document.body).on("click", "nav a", function () {
      topen = $(this).attr("href");
      window.location.hash = $(this).attr("href");
      $("#main_wrapper").load( topen +" #main_wrapper > *");
      return false;
 });
  • 写回答

1条回答 默认 最新

  • weixin_33676492 2014-10-30 23:11
    关注

    What you want to do is modify the handler to use prevent default instead of returning false. Then you can check how the user activated the button and can act accordingly.

    $(document).ready(function() {
    $('a').on('click', function(e) {
        if(e.ctrlKey || e.button === 1) {
            return;
        }
        e.preventDefault();
        // Do the stuff when the anchor is just clicked.
    });
});

    You can examine the Fiddle

    In terms of the JS and CSS not applying we would need a working example of this to be of more assistance.

    评论

报告相同问题？

  • ajax实现页面加载和内容删除
    2020-10-20 05:30
    【Ajax实现页面加载和内容删除】是Web开发中常见的需求，它使得用户可以在不刷新整个页面的情况下进行数据的异步加载和更新，提高了用户体验。Ajax（Asynchronous JavaScript and XML）的核心是JavaScript，通过创建...
  • PHP+Ajax点击加载更多内容
    2019-11-02 17:18
    在网页开发中，"PHP+Ajax点击加载更多内容"是一个常见的功能，用于提高用户体验，避免一次性加载大量数据导致页面加载速度变慢或者消耗过多流量。这个功能通常应用于新闻列表、社交媒体动态、评论区等需要分页显示...
  • Laravel 简单实现Ajax滚动加载示例
    2020-10-16 03:52
    此外，我们还创建了样式，用于区分正常的页面内容和通过Ajax加载的内容。 通过上述步骤，我们能够实现一个基本的Ajax滚动加载功能。总结来说，实现这一功能的关键点包括：建立数据模型，生成测试数据，编写数据库...
  • php ajax mysql 点击加载更多 分页
    2018-03-29 10:31
    它允许网页在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。在“点击加载更多”功能中，AJAX通过JavaScript异步发送请求，获取服务器上更多的数据。 3. MySQL：这是一个关系型数据库管理系统，...
  • web前端+jquery与ajax+json+手写前端完全实现分页
    2024-05-14 11:26
    **Ajax（Asynchronous JavaScript and XML）** 是一种创建动态网页的技术，允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在分页中，Ajax可以实现无刷新加载新的数据页，提高用户体验，使...
  • AJAX 动态加载后台数据 绑定select的方法
    2020-12-07 16:19
    直接上代码 是可以用的，后台代码我就不贴了，我相信后台代码大家都会，直接返回json数据，我是前端比较差的，所以喜欢把每次不会的全部记起来 html代码 <select id="select" style="width : 80px;height : 30px...
  • php+ajax加载数据转圈动画图片.zip
    2021-01-28 16:43
    通过这种方式，用户可以一边浏览页面，一边等待数据加载，同时看到加载动画（如"ajax加载数据转圈动画图片.gif"），提高了用户体验。 加载动画是用户体验设计中的一个重要元素，特别是在数据加载期间，它可以帮助...
  • 前端网络——Ajax使用
    2021-01-08 11:23
    AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 ajax(Asynchronous javaScript and XML 异步的javascript和xml)可实现异步，局部的获取数据 Ajax咋刚开始一看还有点稀里糊涂的，怎么去理解呢...
  • 前端ajax
    2022-01-11 20:56
    程序媛小y的博客 文章目录1.基本使用2.Get方式3.post方式4.解决ie缓存问题5....​ 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 ​ 3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。
  • 前端 AJAX 请求的完整详细过程解析
    2025-02-26 17:01
    云飞(-᷅_-᷄)的博客 AJAX（Asynchronous JavaScript and XML）是一种用于在网页上实现异步数据加载的技术。通过 AJAX，前端可以在不刷新页面的情况下与后端进行通信，并获取数据。本文将详细介绍 AJAX 请求的完整过程，包括前端、网关...
  • 没有解决我的问题, 去提问