javascript - 如何在我的 html 页面中使用 javascript 函数重定向到分区(<div>)

标签 javascript ajax jquery cordova

我的问题是我想在包含一个名为 add-form 的 div 的同一个 html 页面中进行重定向。

当我单击按钮时,我的重定向应该位于包含一些代码的一个div上。 这是我的一些重定向到另一个页面的代码,但我不知道如何用 div 替换该页面。

 success: function(data){

          if(data['success']){
        alert("DOne");  

        window.location = document.getElementById('add-form');
         // $("#add-form").load(function(e) {

         // });


          }
          else{
              alert("Oops, There is a Network Error.....");
          }
      }

在此代码中,#add-formDIV id

我不想重定向到另一个页面,而是滑入包含 div 标签 的页面。

更新:

这是两张图片。

First Image

在第一张图片中,单击右侧朝上的+按钮。 代码是:

<a href="#add-form" data-icon="plus" data-iconpos="notext">Add</a>

结果就是这张图片。

second Image

我想对按钮单击执行相同的操作,但使用 JavaScript。

最佳答案

我认为您可能正在寻找的是:

<a href="#add-form">Click</a>

当用户单击该链接时,他们将滚动到 id="add-form" 的 div。

编辑

我现在无法测试,但尝试在 JS 中执行类似的操作:

$("#buttonToClick").click(function() {
    $('html, body').animate({
       scrollTop: $("#add-form").offset().top
    }, 2000);
});

关于javascript - 如何在我的 html 页面中使用 javascript 函数重定向到分区(<div>),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20631731/

相关文章:

javascript - 许多选择的实时计数器

javascript - jQuery Mobile 无法在安装了 Android System WebView 45.0.2454.95 的 Android 5.0+ 设备上运行

Javascript 函数参数在 IE 中未定义

javascript - Deferred、Promise 和 Ajax 的顺序不正确

jQuery UI Sortable - 单击按钮时保存顺序

jquery - 如何在JQUERY的LOAD函数中使用POST方法?

javascript - 如何检查dom中预设的元素id?

javascript - 导航栏上的 Z-index 问题

javascript - 如何使用ajax/json刷新页面部分?

javascript - 在客户端准备动态 JSON 数据