小编Rog*_*rHN的帖子

webview页面内的Framework7没有加载

我是framework7的新手,我试图让它在android上工作.

这就是我所做的,在android studio中创建项目,使用webview加载index.html并且它可以工作.但是"关于","服务"和"形式"这些页面的链接不起作用.

我看到framework7使用ajax来调用这些页面.

所以我认为它在webview中不起作用那么正确吗?

我是否需要更改framework7初始化以使用javascript加载页面的方式或什么?

它可以这样工作吗?将另一个html文件的内容加载为页面而不使用"内联"页面?

一些忠告?

用我的代码更新(使用android studio):

activity_main.xml中:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="atlasdb.atlasdatabase.MainActivity">

    <WebView
        android:id="@+id/atlasdatabase"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

MainActivity.java:

package app.apptest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView myWebView = (WebView) findViewById(R.id.apptest);
        WebSettings webSettings = myWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);
        webSettings.setAppCacheEnabled(true);
        webSettings.setDatabaseEnabled(true);
        myWebView.loadUrl("file:///android_asset/index.html");

    }
}
Run Code Online (Sandbox Code Playgroud)

AndroidManifest.xml中:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="app.apptest">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name" …
Run Code Online (Sandbox Code Playgroud)

javascript ajax android webview html-framework-7

8
推荐指数
1
解决办法
1748
查看次数

实现特定幻灯片的 Swiper 链接

我正在使用 iDangero Swiper 并尝试创建指向特定幻灯片的链接,我将使用它通过唯一链接链接所有幻灯片。

我怎样才能做到这一点?

这是我的代码:

http://codepen.io/RogerHN/pen/LkKgXB

<html lang="pt-br">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta charset="utf-8" /> 
  <link rel="stylesheet" href="https://idangero.us/swiper/dist/css/swiper.css">
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-5">
        <button type="button" class="btn btn-primary btn-lg btn-block btn-title">
        <a class="white" href="#">
        <span class="glyphicon glyphicon-chevron-left back" aria-hidden="true"></span>
        </a>
        TITLE
        </button>
      <a href="#">Swipe to slide 3</a>
            <div id="content">
                <div class="nav-center">
                    <div class="nav-bg">
                        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                            <li class="active"><a href="#one" data-toggle="tab">First Tab</a></li>
                            <li><a href="#two" data-toggle="tab">Second Tab</a></li>
                            <li><a href="#three" data-toggle="tab">Third Tab</a></li>
                        </ul>
                    </div>

                    <div …
Run Code Online (Sandbox Code Playgroud)

jquery slide swiper.js

5
推荐指数
1
解决办法
2万
查看次数

单张自定义坐标图像

我有一个大小为8576x8576px的图像,我想让坐标与1:1匹配.另外我想要图像中心的坐标0,0(现在中心是-128,128).而且我也希望显示坐标.我想为用户插入坐标放置一个locate按钮,然后在地图上找到它们.像这样的东西:http://xero-hurtworld.com/map_steam.php (我使用相同的图像,但更大).瓷砖尺寸我的268px.

我的代码到目前为止:

https://jsfiddle.net/ze62dte0/

<!DOCTYPE html>
<html>
  <head>
    <title>Map</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
    <![endif]-->
    <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js" charset="utf-8"></script>
    <script>
      function init() {
        var mapMinZoom = 0;
        var mapMaxZoom = 3;
        var map = L.map('map', {
          maxZoom: mapMaxZoom,
          minZoom: mapMinZoom,
          crs: L.CRS.Simple
        }).setView([0, 0], mapMaxZoom);



    window.latLngToPixels = function(latlng){
    return window.map.project([latlng.lat,latlng.lng], window.map.getMaxZoom());
    };
    window.pixelsToLatLng = function(x,y){
    return window.map.unproject([x,y], window.map.getMaxZoom());
    };

        var mapBounds = new L.LatLngBounds(
            map.unproject([0, …
Run Code Online (Sandbox Code Playgroud)

javascript dictionary leaflet

4
推荐指数
1
解决办法
2643
查看次数

计算具有特定名称的数组中的条目数,并保存以便稍后使用

我试图找到一种方法来计算我在这个数组中每种类型的条目数:

var types = [
  "loc_67249556",
  "loc_52558678",
  "loc_62658330",
  "gra_59669755",
  "gra_59289309"
]
Run Code Online (Sandbox Code Playgroud)

我所说的"类型"是每个条目的3个首字母.我使用for来遍历数组并提取3个首字母:

for (var i = 0; i < types.length; k++) {
    var tp= types[k].split('_');
    tp = tp[0];
}
Run Code Online (Sandbox Code Playgroud)

这将输出3个首字母,但我如何计算它们并以一种我以后可以使用它的方式保存?

类似于具有类型的新数组以及它们出现在第一个数组中的次数,类似于:

var types_count = [
  {
    type: "loc",
    qnt: 3
  },
  {
    type: "gra",
    qnt: 2
  }
]
Run Code Online (Sandbox Code Playgroud)

另外,我总共拥有的"类型"是51种不同类型的条目,所有条目都以3个字母开头.

javascript arrays sorting count

0
推荐指数
1
解决办法
75
查看次数