小编bea*_*ver的帖子

Cordova在cordova运行浏览器上添加端口到外部链接

我正在使用node.js,socket.io和cordova构建测试聊天应用程序客户端.执行cordova run browser浏览器将打开http:// localhost:8000.在我的cordova聊天客户端应用程序的index.js我有代码连接到我的服务器端socket.io:

var socket = io.connect('https://node-socket.io-address/');
socket.on('connect', function() {.............
Run Code Online (Sandbox Code Playgroud)

问题是我收到这种错误:

在此输入图像描述

因此,您可以看到链接中添加了一个端口(8000).当我在Android设备上运行应用程序(cordova运行android)时,没有出现此问题.

为什么cordova正在为外部链接添加端口? 可以在cordova运行浏览器上禁用端口添加到外部链接吗?

javascript localhost node.js socket.io cordova

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

单击选项时,引导模式上的 Select2 消失?

在此处输入图片说明 在此处输入图片说明 为什么在单击选项结果时 select2 会消失?它使用 ajax 源数据,当点击搜索结果时,选项选择消失。

  • 选择2版本:4.0.5
  • jQuery 版本:jQuery v1.11.1

我使用 codeigniter,这是我的代码:

意见

<!-- Modal Tambah -->
<div aria-hidden="true" aria-labelledby="myModalLabel" tabindex="-1" role="dialog" id="modal_form" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                <h4 class="modal-title"></h4>
            </div>
                <form action="#" id="form" class="form-horizontal">
            <!--    <input type="hidden" value="" name="id"/> -->
                <div class="modal-body form">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-lg-3 col-sm-2 control-label">Tindakan Item</label>
                            <div class="col-lg-9">

                                <select name="tindakan_item_id" id="tindakan_item_id" class="select_tindakan_id form-control" autofocus="autofocus"></select>
                                <span class="help-block"></span>
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" name="layanan_pemeriksaan_id" value="<?php …
Run Code Online (Sandbox Code Playgroud)

modal-dialog twitter-bootstrap jquery-select2

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

Select2 取消/阻止默认 select2:在特定条件下选择 (v.4.0.x)

我需要向每个 select2 项目添加一个按钮并阻止默认事件,以便只有按钮被触发。

我有以下代码,但正常onSelect事件仍然被触发:

select.on('select2:select', test2);

function test2(e) {
    if (e.params.originalEvent.target.classList.contains('TreeButton')) {
        //stop event execution
        e.stopPropagation();
        e.preventDefault();
        return false;
    } else {
        //execute normal
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript events select jquery-select2

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

使用 Chart.js 显示与标签连接的计数

我正在使用 Chart.js 构建饼图,有什么方法可以将计数连接到标签(在饼图图例中显示数字和百分比)?

createChart : function() {
    debugger;
    var chartData = [60, 90, 120, 150];
    var chartLabels = ['apples','bananas','oranges','pears'];
    var chartCanvas = component.find("chart").getElement();

    var chart = new Chart(chartCanvas, {
        type: 'pie',
        data: {
            labels: chartLabels,
                datasets: [
                    {
                        label: "test",
                        data: chartData,
                        borderWidth: 0,
                        backgroundColor: [
                            "#f43004",
                            "#decf3f",
                            "#FFA500"
                        ]
                    }
                ]
            },
            options: {
                cutoutPercentage: 1,
                maintainAspectRatio: false,
                legend: {
                    display: true,
                    position:'right',
                    fullWidth:false,
                    reverse:true,
                    labels: {
                        fontColor: '#000',
                        fontSize:10,
                        fontFamily:"Arial, sans-serif SANS_SERIF"
                    },
                    layout: {
                        padding: 70,
                    } …
Run Code Online (Sandbox Code Playgroud)

javascript charts chart.js

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

如何将ui-grid导出到excel文件?

我在带有angularjs的项目中使用ui-grid.

在我的项目中,ui-grid将内容导出到excel文件,并且它运行良好.

这是ui-grid声明:

这里是javascript中的ui-grid定义:

 $scope.gridOptions = {
    columnDefs: [
      { field: 'name' },
      { field: 'company', cellFilter: 'mapCompany:this.grid.appScope.companyCatalog' }
    ],
    enableGridMenu: true,
    enableSelectAll: true,
    exporterCsvFilename: 'myFile.csv',
    exporterPdfDefaultStyle: {fontSize: 9},
    exporterPdfTableStyle: {margin: [30, 30, 30, 30]},
    exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'},
    exporterPdfHeader: { text: "My Header", style: 'headerStyle' },
    exporterPdfFooter: function ( currentPage, pageCount ) {
      return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' };
    },
    exporterPdfCustomFormatter: function ( docDefinition ) {
      docDefinition.styles.headerStyle …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-ui-grid ui-grid

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

Google Maps API的地理位置和自定义标记

我有一张地图,我目前不使用地理位置.现在我的网站上有SSL,我根据Google Maps API文档添加了SSL.问题是,我现在正在将标签作为标记,我无法弄清楚如何将其返回到我的自定义标记.

任何人都可以帮忙,并解释如何?

我的代码:

var marker;

function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom : 13,
        center : {
            lat : 59.909144,
            lng : 10.7436936
        },
        disableDefaultUI : true,

        //START STYLE
        styles : [{
                "elementType" : "geometry",
                "stylers" : [{
                        "color" : "#ebe3cd"
                    }
                ]
            }, {
                "elementType" : "labels.text.fill",
                "stylers" : [{
                        "color" : "#523735"
                    }
                ]
            }, {
                "elementType" : "labels.text.stroke",
                "stylers" : [{
                        "color" : "#f5f1e6"
                    }
                ]
            }, {
                "featureType" : "administrative",
                "elementType" …
Run Code Online (Sandbox Code Playgroud)

javascript api maps marker

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

为什么我的已发布的延迟Observable工厂被多次调用?

我有一个任务流将排队,直到使用.zip()操作员触发信号主题.信号主体订阅当前正在运行的任务.我也试图观察任务的进度排放.

我试图做的是使用.publish()组播任务Observable,以便我可以允许信号主体订阅.last()任务的发射以产生出队并且还订阅任务一般进度排放.

似乎有效.但是,每当我查看打印出来的内容时,.subscribe()即使我使用过,看起来我的Observable工厂也会被每次调用调用.publish().我误解了多播是如何工作的吗?我相信.publish()ed Observable将与工厂一起创建,并且单独的实例将被共享,但是冷却直到.connect()被调用.

我的任务亚军

注意.defer()那个电话tasker.

"use strict";

const {
  Observable,
  Subject,
  BehaviorSubject
} = Rx;

// How often to increase project in a task
const INTERVAL_TIME = 200;

// Keep track of how many tasks we have
let TASK_ID = 0;

// Easy way to print out observers
function easyObserver(prefix = "Observer") {
  return {
    next: data => console.log(`[${prefix}][next]: …
Run Code Online (Sandbox Code Playgroud)

javascript rxjs

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

AngularJS谷歌地图点击事件不在ios设备ipad和iphone中触发

我已经将谷歌地图API与我的应用程序集成以获得自动完成建议,它在我的笔记本电脑(Ubuntu)所有浏览器上运行良好.但是,最近我用iPad和iPhone测试过它不起作用.我无法点击建议的地点.我正在使用AngularJS,我的代码片段如下:

HTML

<div class="row">
    <div class="col-md-6">
        <form name="searchForm" ng-submit="fillInAddress()">
            <div class="input-group well">
                <input type="text" class="form-control" id="autocomplete" name="city" placeholder="Enter your city" 
                onFocus="geolocate()" required />
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit" ladda="ldloading.slide_left" data-style="slide-left" data-spinner-color="#000000"
                        ng-disabled="searchForm.$invalid">
                        <i class="fa fa-search"></i> Search
                    </button>
                </span>
            </div>
        </form>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

 var placeSearch, autocomplete;

  function initAutocomplete() {
    autocomplete = new google.maps.places.Autocomplete((document.getElementById('autocomplete')),
    {types: ['geocode']});
    autocomplete.addListener('place_changed', fillInAddress);
  }

  function fillInAddress() {
    // Get the place details from the autocomplete object.
    var place = autocomplete.getPlace();
    locationfilter.lat=place.geometry.location.lat();
    locationfilter.lon=place.geometry.location.lng();
    $scope.getOrders($scope.reportParams,locationfilter);
  }

  $scope.getOrders …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps ipad ios angularjs

4
推荐指数
2
解决办法
462
查看次数

如何制作泡泡旋转木马?

在这个谷歌开源项目页面上,你会看到一个泡泡旋转木马.中心有一个大气泡,大气泡周围有很多小气泡.有左右箭头可以点击,它会在一个小气泡中生成一个大气泡.如果你不管它,它会一次将小气泡变成大气泡.

这种类型的旋转木马有技术名称吗?

这需要什么框架?如何创建这样的?

创建这样的东西的任何教程或分步指南?

https://opensource.google.com/projects/explore/featured

在此输入图像描述

html javascript css web

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

如何用Highcharts在饼图中绘制箭头?

在此处输入图片说明

我正在使用highchart的饼图,并且一些设置是:

 pie: {
          borderColor: '#000000',
          innerSize: '60%'
 },
 series: [{
          data: [
          ['projected Income', 44.2],
          ['Discount', 26.6],
          ['Annual Loss', 20]
     ]}]
 }
Run Code Online (Sandbox Code Playgroud)

现在,我的要求是在年度亏损图上显示箭头,如蓝色图片所示。可以在Highcharts的饼图中实现此功能吗?我已经看到了许多示例,但这些示例已针对线图进行了说明。

highcharts pie-chart

3
推荐指数
1
解决办法
414
查看次数