Framework7向DOM插入新页面时出现"null不是对象“错误
Framework7是一个用于构建混合移动应用的开源框架。当向DOM插入新页面时出现"null不是对象"错误，可能是由于以下原因导致的：
- 页面元素未正确加载：可能是由于页面元素未正确加载或未找到相关DOM元素导致的。可以检查页面的HTML结构和相关的JavaScript代码，确保页面元素正确加载。
- 页面跳转逻辑错误：可能是由于页面跳转逻辑错误导致的。在Framework7中，页面跳转通常使用
router.navigate方法或链接的data-route属性来实现。可以检查页面跳转的代码逻辑，确保正确跳转到目标页面。 - 数据传递错误：可能是由于数据传递错误导致的。在Framework7中，可以使用路由参数或全局数据来传递数据。可以检查数据传递的代码逻辑，确保正确传递数据到目标页面。
针对以上可能的原因，可以采取以下解决方法：
- 检查页面元素加载：确保页面元素正确加载，并且相关DOM元素能够被正确找到。可以使用浏览器的开发者工具检查页面结构和元素是否正确。
- 检查页面跳转逻辑：确保页面跳转的代码逻辑正确。可以检查使用的跳转方法或属性是否正确，并且目标页面存在。
- 检查数据传递：确保数据传递的代码逻辑正确。可以检查使用的数据传递方式是否正确，并且目标页面能够正确接收和处理传递的数据。
如果以上方法都没有解决问题，可以尝试在Framework7的官方文档或社区中搜索相关问题的解决方案。Framework7的官方文档提供了详细的API文档和示例，可以帮助开发者解决常见的问题。
腾讯云提供了一系列云计算产品，包括云服务器、云数据库、云存储等，可以帮助开发者构建和部署应用。具体推荐的腾讯云产品和产品介绍链接地址可以根据具体需求和场景来确定，可以参考腾讯云的官方网站或咨询腾讯云的客服人员获取更详细的信息。
相关·内容
我正在学习Framework7，
当我使用ajax插入一个名为“about”的新页面时：
<div class="page-content">
<div class="content-block">
<p id="myID">Lorem ipsum dolor sit amet</p>
</div>
</div>
我希望在页面初始化后使用getElementById("myID")执行一个javascript函数，使用：
myApp.onPag
浏览 11提问于2017-08-08得票数 0
1回答
我使用的是framework7上一个版本的，我的应用层次结构是这样的：
vue路由器-视图，
vue子程序在路由器视图中加载，
其中一个孩子是framework7应用程序的根，
当我在“作为组件的framework7的根”和任何其他组件之间导航时，手风琴动画开始卡住并意外地运行，没有控制台错误。其他framework7动画工作良好，除了手风琴后导航。但是在开始导航之前，它工作得很好。
我试图在这里重置vue组件中的所有内容，该组件充当framework7应用程序的根：
export default {
data() {
return {
浏览 4提问于2017-08-16得票数 0
回答已采纳
我是framework7的新手，我正在framework7应用程序中创建一个新的页面。我希望能够使用<script type="text/javascript" src="sample.js"></script>将特定的javascript代码添加到新的页面html文件中。例如，这是我的新页面，它只包含一个“尝试”按钮。
<template>
<div class="page">
<div class="navbar">
浏览 1提问于2019-04-24得票数 0
回答已采纳
如何使用Framework7进行ajax调用？我已经知道如何使用jQuery进行ajax调用，但我不知道如何在Framework7中进行。我使用它来调用一个返回数据的API。
浏览 0提问于2015-01-02得票数 4
1回答
我使用JQuery对话框添加了一个新的客户端，如果成功，我想要重新加载页面，但没有发生。
JQuery调用
$("#saveNewClient").click(function ()
{
if ($(this).valid())
{
var clientName = null;
var clientTypeId = null;
var clientCode = null;
clien
浏览 0提问于2013-02-19得票数 0
回答已采纳
现在，我正在使用vue 2.x开发一个Framework7应用程序。在我的应用程序中，有一个可以通过拖放进行排序的列表。我可以直接使用Framework7中的可排序列表；但是，通过拖放进行排序后，vue实例中对应的列表数据不会改变。我不确定这是否是Framework7的问题，我相信这是vue黑客的问题，所以下面的简单代码可以显示我的问题：
<!DOCTYPE html>
<html>
<head>
<title>Sorting List</title>
</head>
<body>
<div id
浏览 3提问于2017-05-07得票数 1
我用phonegap + AngularJS + Framework7开发了手机应用程序。我的问题从framework7的交换页开始。
当用户按下链接按钮时，Framework7会动态地向DOM注入新的HTML页面。因此，我必须使用带有角的$compile和$apply()重新编译注入的新html部分。
但是在加载和编译的同时，打开一个窗口却步履蹒跚。我的编译代码是：
//listiner for new page injection to DOM.
$$(document).on('pageInit', function (e) {
//on page init ,
浏览 3提问于2016-03-25得票数 2
回答已采纳
在测试时，我在手机上打开日历(Framework7)时遇到了麻烦。它在所有浏览器上都能正常工作，但当直接使用移动电话时就不行了。在移动(我的safari测试)，当‘选择日期’被点击时，什么都不会发生，控制台上没有错误。如果我刷新页面并单击其他时间，那么它就正常工作了。
my-app.js：
> myApp.onPageInit('checkout', function (page) { var calendarDefault =
> myApp.calendar({
> input: '#shipping_calendar',
>
浏览 0提问于2018-12-03得票数 2
回答已采纳
我正在使用gatsby develop，当我为我的一个组件输入这段代码时，它运行fin并创建div，但是当我刷新页面时，它为行'container.appendChild(circle);‘提示错误'Cannot read properties of null (read 'appendChild')’。为什么我刷新页面时只出现这个问题，我该如何解决这个问题？ const Fun = () => {
const container = document.getElementById('container');
let ro
浏览 765提问于2021-10-11得票数 1
回答已采纳
我正在Framework7上创建一个应用程序，并试图添加一个可以将文本提交到浏览器本地存储的部分。如果我使用该表单并在我的index.html页面上提交数据，它可以正常工作，但是如果我在任何其他页面中使用它，我就会得到'Uncaught TypeError: and read‘of null的属性'addEventListener’。我将每个页面底部的脚本src链接到同一个位置，所以我不知道为什么会出现这个错误。
HTML
<form>
Text: <br>
<input type="text" id="Inpu
浏览 3提问于2017-03-24得票数 1
回答已采纳
2回答
我想知道在Ajax调用之后更新DOM的最佳实践是什么。
例如，假设我们有一个用户列表，我们可以使用表单添加一个用户，该表单发出Ajax调用来插入用户。提交表单并将用户添加到数据库后，将编辑DOM以添加HTML，而无需刷新页面(使用Ajax成功事件)。
我认为有两种可能性：
进行Ajax调用，将用户添加到db中，并使用html标记返回所有DOM结构，等等。
创建一个Ajax，将用户添加到db中，并返回用户的所有数据，并在Javascript中创建DOM元素
什么是最好的方法(或另一种方式)？
浏览 1提问于2018-05-31得票数 0
回答已采纳
当我尝试在clojurescript项目中初始化Framework7和Framework7-React时，使用shadow-cljs会得到这样的错误： f7.js:31 Uncaught TypeError: Framework7 is not a constructor
at Object.init (f7.js:31)
at F7App.value (app.js:162)
at commitLayoutEffects (react-dom.development.js:21965)
at HTMLUnknownElement.callCallback (reac
浏览 9提问于2020-01-29得票数 0
回答已采纳
<div class="input-group col-md-6">
<select id="select-mesaj-gonderim-turleri" class="form-control mesajgonderimturusec input-circle" asp-
for="Model.FKMesajGonderimTurleriID" asp-items="ViewBag.MesajGonderimTurleri" required>
</select&
浏览 3提问于2020-08-12得票数 0
我使用PDO将一行插入到表中，我需要新行的id，这样我就可以重定向到基于该行的新页面。
当我使用
$id = PDO::lastInsertId();
我得到了
Fatal error: Non-static method PDO::lastInsertId() cannot be called statically in C:\xampp\htdocs\createimage.php on line 16
下面是导致错误的php：
<?php
$title = $_POST['title'];
$caption = $_POST['caption']
浏览 0提问于2012-09-22得票数 8
回答已采纳
我读过关于这个问题的所有问题，但没有找到任何解决办法。
我正在使用最新版本的Framework7 (3.5.2)，并试图实现pushState状态，以便在安卓设备上启用backButton。
我在“我的app.js”中写道：
const app = new Framework7({
root: '#app',
name: conf.appName,
version: conf.version,
id: conf.id,
theme: 'auto',
panel: {
swipe: 'left
浏览 1提问于2018-12-01得票数 5
回答已采纳
1回答
框架7-如何在页面上设置内容？
、、、、
我必须在一页上设置一个图表。
Initialize your app
var myApp = new Framework7();
// Export selectors engine
var $$ = Dom7;
// Add view
var mainView = myApp.addView('.view-main', {
// Because we use fixed-through navbar we can enable dynamic navbar
dynamicNavbar: true
});
myApp.onPageBeforeInit(&
浏览 1提问于2016-05-17得票数 0
我试图弄清楚如何通过项目上的状态[]在列表状态中传递一个项目。每当我尝试这段代码时，当我在数组中插入或添加项时，当lists 是不可迭代的时，就会出现一个错误。
是否有方法将数据插入到状态的数组属性中？并在该属性中添加更多的字符串数组？
const [lists, setLists] = useState({
item: [],
});
const addList = () => {
const listItem = document.getElementById("listItem");
if (listItem.value !== ""
浏览 6提问于2021-12-13得票数 1
我有这行代码，它是在localDB准备好时通过JS插入的。
//
boxOne = document.getElementById("box1");
content = '<button data-icon="delete">Delete</button>';
boxOne.innerHTML = content;
//
这段代码的问题是，mobilejquery应该读取data-icon="delete"并添加类以使图标出现，但它不会这样做。我可以自己手动添加类的内
浏览 4提问于2014-02-19得票数 0
回答已采纳
当在android中加载新页面(使用loadurl)时，注入的javascript会发生什么？它是否被清除，还是在新页面上仍然有效？它是依赖于是否以编程方式加载新页面，还是通过单击html页面中的链接？如果在加载新页面后，javascript仍然保留在new视图中，如何清除它？在每次页面加载后注入相同的javascript是否会导致webview出现故障而没有响应？
浏览 1提问于2015-06-30得票数 0
回答已采纳
我对framework7非常陌生，只需尝试将app根数据传递给html。这是我的app.js。
var app = new Framework7({
root: '#app', // App root element
id: 'io.framework7.testapp', // App bundle ID
name: 'Framework7', // App name
theme: 'auto', // Automatic theme detection
// App root data
浏览 2提问于2018-11-07得票数 1
回答已采纳
因此，我尝试将从XML字符串创建的DOM元素插入到我的文档中。但首先，我尝试修改该字符串中某些元素的innerText。我试着使用下面的……
refElem = document.createElement('div');
refElem.innerHTML = xmlString;
...
newChild = document.createElement('div');
newChild.innerHTML = refElem.innerHTML;
newChild.getElementsByName('title') ...
但是我得到了以
浏览 6提问于2016-04-24得票数 0
2回答
我有一些javascript可以动态地向我的页面添加元素。问题是，在任何给定的运行中都要创建数百个元素，虽然加载单个元素只需要不到一秒钟的时间，但整个页面可能需要30秒或更长时间才能完全加载，然后所有内容都会突然出现在页面上。我的问题是:如何更新页面，以便动态创建的元素在创建后立即显示出来？
var newDiv = document.createElement('div');
for (var val in array) {
var newCanvas = document.createElement('div&#
浏览 5提问于2012-06-23得票数 1
回答已采纳
2回答
主页有一个带有过滤/搜索等选项的网格视图...
当用户选择一行时，会出现一个新页面(response.redirect)，我可以在那里编辑/插入/删除...
我希望用户能够返回到他来的页面(容易)，但我希望网格有过滤器，因为他们在第一个重定向的时间。
在.net中有什么准备好的，或者我必须使用，让我们来回查询字符串来完成它？
浏览 0提问于2012-03-29得票数 1
回答已采纳
我正在使用iTextSharp 5.0.5创建动态c# (asp.net PDF)，但在创建新页面时遇到插入额外空间的问题。第一页看起来很好，但在任何额外的页面上，额外的空间都会出现在顶部。
我做了一个小示例，为列表中的每一篇文章插入一个带有徽标和标题的新页面。如果我只插入徽标或标题，它可以工作，但如果我试图插入两者都有一个额外的空格来自某处。有谁知道我做错了什么吗？
public static void CreatePDF(List<Item> Articles)
{
Document document = new Document(PageSize.A4, 35, 35
浏览 0提问于2010-12-13得票数 1
回答已采纳
使用nodejs、express和ejs。
我定义了变量'result‘，当我在索引页面上的router.get函数中使用console.log(result)进行读出时，会生成一个结构完美的对象数组。
然后，我继续在router.get函数中呈现新页面：
res.render('new_page', { title: 'New Page Header', parameters : result.rows});
标题正确地显示在新页面上，但是对于参数，当我在ejs文件(<%=parameters%>)中直接引用它们时，它们显示如下：
对象对象
浏览 9提问于2021-03-06得票数 0
我创建了一个新表。
create table test(
"device" varchar default null,
"Device" varchar default null
);
尝试插入数据。
insert into test ("device")
values ('iphone');
插入成功。
insert into test ("Device")
values ('mini');
插入成功。
insert into test ("device",
浏览 1提问于2020-05-11得票数 1
我不得不修改以下内容： <Provider store={store}>
<I18nextProvider i18n={i18n}>
<BrowserRouter>
<Header />
<Main />
<Footer />
</BrowserRouter>
</I18nextProvider>
</Provider> 至：
浏览 16提问于2020-09-20得票数 1
回答已采纳
我在找一个粘性的页脚然后我找到了这个
它非常有用，但问题是，当我刷新页面时，页脚首先出现在顶部，在底部占据正确位置后1秒出现，有没有办法避免这种情况？我的意思是，当我刷新页面时，页脚会像往常一样出现在底部？
window.addEventListener("load", activateStickyFooter);
function activateStickyFooter() {
adjustFooterCssTopToSticky();
window.addEventListener("resize", adjustFooterCssTopToSt
浏览 1提问于2020-06-16得票数 0
我有一些子视图，是在容器视图的didInsertElement事件期间以编程方式推入容器视图的。然后，在呈现的子视图DOM元素的didInsertElement事件中执行一些jquery操作。当我刷新页面时，此设置工作正常。但是，当我通过链接切换到页面时，子视图的didInsertElement事件在处于"preRender“状态时以及在插入到DOM之前都会被触发。
为什么didInsertElement事件会在"preRender“期间触发？当刷新页面而不是通过路由器转换到页面时，什么会导致子视图行为上的差异？
浏览 2提问于2013-10-27得票数 0
回答已采纳
我的目的是在提交过程中发生错误时插入警报div。
if error
# Remove div if already exisits
if $('.alert').length
$('.alert').remove()
warning = "<div class=\"alert alert-danger\">#{error.reason}</div>"
$(warning).insertBefore ".main"
但是，警报div不会在任何导航之后消失。只有在我刷新
浏览 3提问于2014-02-25得票数 0
回答已采纳
我正在尝试让我的应用程序更快。我希望一些元素只有在ajax请求成功时才会出现。是在请求成功后使用append创建元素更快，还是在实际的html中创建html元素并使用.html简单地将内容插入到元素中更快？
浏览 0提问于2013-04-20得票数 0
回答已采纳
1回答
我收到一个选项未定义的错误。将显示下拉菜单，但由于某种原因，无法访问选项
dropdown.options在此错误上是未定义的中断dropdown.options.length = ObjectCount(equtypeList)；
$(dropdown).show(); // this works
if (ObjectCount(equipmentTypeList) > 1)
{
$(dropdown).attr("disabled", false); //this works
dropdown.options.length = ObjectCoun
浏览 1提问于2011-10-31得票数 0
回答已采纳
1回答
我在我的网站上有一个带有几个DIV的页面，其中有一些内容(假设每个DIV都是一个待办任务)。
我需要查看该页面的URL并选择要永久删除的DIV (在某种程度上，即使我刷新页面，它也不会再存在)。
这个是可能的吗？
我有这段代码，但当我刷新页面时，“已删除”的DIV再次出现……
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></sc
浏览 15提问于2021-03-02得票数 0
在我发布更新后，我正试图为我的Chrome扩展的用户创造一个平滑的体验。
我在应用程序的更新中重新弹出我的内容脚本，即使用户继续在扩展更新后没有刷新的页面上使用我的扩展，我的功能也能工作。刷新页面是理想的，但我不想强迫我的用户。
但是，当我的代码试图从内容脚本/页面发送消息到我的背景页面时，在扩展更新之后，但是在刷新页面之前，我的内容脚本控制台(内容脚本插入的页面被插入到的页面)中会出现以下错误：
未知错误:扩展上下文无效。
有没有办法“重建”连接？我尝试了一个长时间的端口和定期消息传递-更新扩展具有相同的效果。
任何想法/方向都值得赞赏。
下面是我的简单消息传递代码(在内容脚本中)，
浏览 3提问于2018-12-27得票数 70
2回答
我正在将一个旧项目移植到DNX5和Entity Framework7。我使用了数据库优先的方法( ASP.NET scaffold)来创建模型。
旧项目基于实体框架4，审计跟踪是通过覆盖DbContext的SaveChanges方法来实现的
public override int SaveChanges(System.Data.Objects.SaveOptions options)
{
int? UserId = null;
if (System.Web.HttpContext.Current != null)
UserId = (from user in
浏览 8提问于2016-01-04得票数 6
考虑一下这个设置：
function makeObj(a){
this.foo = 'bar';
this.prototype = a;
}
b = makeObj(document.getElementById('foo'));
document.getElementById('bar').appendChild(b);
这就产生了一个错误：
不能在层次结构“代码："3中的指定点插入节点
为什么会这样呢？对象b有一个有效的元素作为它的原型。它不应该起作用吗？
浏览 0提问于2012-01-07得票数 1
4回答
我试图使用framework7，无法使页面init事件触发。我使用的代码非常简单，我非常仔细地遵循了。无论我做什么，它都不会触发(没有任何记录到控制台，也没有错误)。
我创建了一个。
我还用回调myApp.onPageInit尝试了一下。什么都没有。
任何援助都非常感谢。
JS代码
var myApp = new Framework7({});
var $ = Dom7;
var mainView = myApp.addView('.view-main', {
dynamicNavbar: true
});
$(document).on('page:init&#
浏览 0提问于2017-08-02得票数 2
回答已采纳
4回答
我正确地将一个javascript文件插入到wordPress管理程序中：
wp_enqueue_script()
我知道脚本正在加载。我用alert()进行了测试。然后我发现我无法访问DOM。当我尝试的时候：
document.getElementsByTagName('body')[0].addEventListener('load', function() {});
此错误是：
Uncaught TypeError: Cannot call method 'addEventListener' of undefined
这是我第一次使用&#
浏览 2提问于2012-09-24得票数 0
回答已采纳
3回答
由于ajax调用成功，我从php文件中插入元素。但由于某种原因，当我查看页面的源代码时，它中的所有内容都丢失了。它正确地出现在页面上，但在我刷新页面之前，它是不可点击的或任何东西！如何在AJAX调用成功后立即使元素可用？
Jquery：
$( "#addvideo" ).click(function() {
$.ajax({
type: "POST",
datatype: 'json',
url: "/public/index.php/admin/content/athletes/
浏览 7提问于2014-09-05得票数 0
回答已采纳
3回答
我在javascript上有一个数组，我像这样插入元素：
var parentRow = $(button).parent().parent();
list.push({ parent: parentRow, detailRow: newRow });
单击另一个按钮时，我执行以下操作：
var parentRow = $(button).parent().parent();
var detailRow = null;
for (var i in list) {
if ($(list[i].parent) == $(parentRow)
浏览 5提问于2012-04-05得票数 1
回答已采纳
1回答
我有这个功能，它工作得很好。
public DemandeConge Creat(DemandeConge DemandeConge)
{
try
{
var _db = Context;
int numero = 0;
//??CompanyStatique
var session = _httpContextAccessor.HttpContext.User.Claims.ToList();
int current
浏览 2提问于2020-02-04得票数 0
1回答
Ajax调用使页面崩溃
、、、
我正在尝试用ajax创建一个评论系统。系统对post_comment.php进行ajax调用，在那里进行插入并返回我需要的信息。
问题:剧本似乎不起作用。它只是冻结了我的页面，如果我等待，它会在8秒后刷新页面。
<script type="text/javascript">
function post()
{
var comment = document.getElementById("content").value;
if(comment)
{
$.ajax
({
type: 'post',
浏览 2提问于2017-10-07得票数 1
回答已采纳
我有一个html文档，其中包含：
<li id="li_273" data-pricefield="special" data-pricevalue="0" >
<label class="description" for="element_273">Helium Foil Balloon #1 </label>
<div>
<input type="text"
浏览 3提问于2012-12-22得票数 0
回答已采纳
概述
我正在建立一个种子。
设置
我用的是，，，都是用传送的。
我用启动了这个项目，然后在Webpack配置中添加了Framework7和Framework7Vue组件。
正如它在Framework7中所述，框架7模块使用ES-next，需要转换。
Framework7 ES模块采用ES-下一种语法，所以不要忘记启用/配置您的Babel/Buble来传输
因此，我在Babel Config中添加了以下内容
{
test: /\.js$/,
loader: 'babel-loader',
// Original:
// include:
浏览 1提问于2018-04-26得票数 1
我在jquery中有以下小提琴：
var checks = $('input[name= "ScheduleCharge[hspecialty][]"]:checked');
$(checks).each(function(){
alert($(this).value());
});
这只会刷新页面。如果我将$(this).value()替换为1，将根据复选框的数量向1发出正确的警报次数。有什么建议吗？
浏览 1提问于2012-11-12得票数 0
回答已采纳
我有一个联系形式插入到我的网站通过iframe。我无法修改联系人表单，但我可以在iframe本身中插入一些javascript。我希望在成功提交表单后，联系表单将用户重定向到新页面。新页面应该加载到父页面中，而不是iframe中。你知道我该怎么做吗？这是我正在尝试修改的页面
浏览 0提问于2016-09-29得票数 0
1回答
我正在使用ZURB基金会和FullPage.js来构建一个登陆页面。如果我打开页面或者手动刷新它，效果会很好。但是，如果我使用链接重定向，我的JS似乎会变得一团糟，直到我再次手动刷新页面。
在我的application.js文件中，我启动了这样的包：
$(document).ready(function() {
$('#fullpage').fullpage({
verticalCentered: false,
css3: true,
navigation: true,
slidesNavigation: false,
});
$(function(){ $
浏览 2提问于2015-06-09得票数 0
回答已采纳
在我的项目中，我使用hibernate和oracle作为DB。
我有两个具有外键关系的表。
在hibernate中，我有一对多的关系。
我的一对多代码
set name="classname“cascade="all，all-delete-orphan
一对多.....on-delete="cascade“
设置
但是每当我执行任务时，我就会收到违反约束的错误...ora:222错误，无法删除它的子表I有cascade="all“，但仍然出现错误...
插入时也出现相同的错误。我将primarykey作为ID属性，它是序列。因此在foreignkey属性中，它不
浏览 2提问于2010-02-19得票数 0
1回答
我试图改变HTML页面的引导CSS样式(我称之为主题)。我想要在row和card的样式之间切换，我已经尝试了一些JavaScript和DOM操作。我还将当前主题保存在本地存储中，以便在刷新页面时可以设置选定的主题。我所有这些都是在window.onload事件中完成的。
刷新页面时会出现问题:主题设置正确，但它首先显示默认主题，然后在localStorage中呈现主题。
在设置正确的主题时，如何避免这种延迟？
浏览 2提问于2019-10-19得票数 0
回答已采纳
我在我的CodeMirror MVC 3应用程序中使用ASP.NET，CodeMirror的版本是最新的(2.34)
我的textarea看起来是这样的：
@Html.TextAreaFieldFor(s => s.Data.CodeBehind, htmlAttributes: new Dictionary<string, object> { { "class", "textbox codeBehind nffp-code" } })
我像这样使用CodeMirror：
var a = CodeMirror.fromTextArea($cod
浏览 5提问于2012-09-20得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
