小编Roy*_*Roy的帖子

我正在尝试在移动标记后更新标记的lat/lng值.提供的示例使用弹出窗口显示lat/lng.

我有一个标记的"dragend"事件监听器,但当我提醒e.latlng的值时,它返回undefined.

JavaScript的:

function markerDrag(e){
    alert("You dragged to: " + e.latlng);
}

function initialize() {
    // Initialize the map
    var map = L.map('map').setView([38.487, -75.641], 8);
    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
        maxZoom: 18
    }).addTo(map);

    // Event Handlers
    map.on('click', function(e){
        var marker = new L.Marker(e.latlng, {draggable:true});
        marker.bindPopup("<strong>"+e.latlng+"</strong>").addTo(map);

        marker.on('dragend', markerDrag);
    });
}


$(document).ready(initialize());

http://jsfiddle.net/rhewitt/Msrpq/4/

我正在尝试使用事件处理程序向地图添加标记.我可以使用回调函数来管理它,但是当我将函数与事件处理程序分开时则不行.

回调(http://fiddle.jshell.net/rhewitt/U6Gaa/7/):

map.on('click', function(e){
    var marker = new L.marker(e.latlng).addTo(map);
});

独立功能(http://jsfiddle.net/rhewitt/U6Gaa/6/):

function newMarker(e){
    var marker = new L.marker(e.latlng).addTo(map);
}

我有一个应用程序,在DOM准备好时从数据库中检索项目名称.每个项目都添加到一个<select><option>html中<form>.填充列表后,用户可以选择项目标题,该标题将从特定于该项目的数据库中请求剩余信息.

为了实现这一点,我使用的是$.change()jQuery方法.不幸的是,只有在<select>创建元素并将其添加到DOM 时才会触发该事件.从列表中选择另一个项目不会触发事件,因此不会触发$.post()呼叫.

$(function(){
    getProjects();
    var firstLoad = true;

    $("select").change(retrieveProject); // Removed parenthesis based on answers

    // On page load, get project names from the database and add them to a Select form element
    function getProjects() {
        var selectionList;
        $.getJSON("php/getProjects.php", function (data) {
            selectionList = "<form><select>";
            for (var i = 0; i < data.length; i++) {
                selectionList += "<option name='prjTitle'>" + data[i].ProjectTitle + "</option>";
            }
            selectionList += "</select></form>";
        }).complete(function() { …

我正在使用Gulp作为我的构建系统.

我需要使用scss遵循规则识别指向外部网站的链接:

// Links to external websites
a[href*='//']:not([href*='example.com']) {
    &::after {
        content: ' \e895';
        font-family: 'Material Icons';
    }
}

要么

$baseURL: 'localhost:3000'; // Set this variable based on environment
a[href*='//']:not([href*='#{$baseurl}']) {
    ...
}

当我运行开发服务器时,我正在提供文件的地址localhost:3000不是example.com.结果是网站上的每个链接(在开发服务器上)都有一个小图标,表示链接进入外部网站,这真的让人分心.

根据环境设置设置scss变量的最佳方法是什么？

编辑:
这个解决方案有效,但它引入了一个临时文件,我并不喜欢它.我将我移动_variables.scss到scss根目录中,我处理这个文件并将其输出到base用于编译scss 的子目录中.然后我会添加scss/base/_variables.scss到我的,.gitignore以避免提交版本控制.

_variables.scss

$baseURL: '/* @echo PATH */';  

Gulpfile.js

// Set baseurl as Sass variable -- used to identify external links
gulp.task('sass-vars', function () {
  var baseURL = (config.production) ? 'example.com' : …

在较小的屏幕（电话）上，传单弹出窗口倾向于使屏幕溢出。我想编写一些限制在最小宽度和最大宽度媒体查询内的css规则，以使弹出窗口仅适用于小型设备的全屏显示。

图书馆需要完成大量的定位工作，我很难超越这些规则。

@media (min-width: 1px) and (max-width: 500px) {
    .leaflet-popup-content-wrapper {
        position: relative;
    }
    .leaflet-popup-content {
        position: fixed; //Tried absolute, too
        top: 0;
        bottom:0;
        right:0;
    }
}

JSfiddle示例

http://amyyatsuk.com/contact.html

我有一个HTML表单,使用jQuery ajax()提交到PHP处理页面.在ajax()调用的成功函数中,我有以下内容:

success: function() {
    $('#contactForm').fadeOut(1000);
    $('#hidden').delay(.1000).fadeIn(1500); 
    return false;

这些影响是同时的.我希望只有在联系表格完全淡出后才会淡入隐藏的div.

谢谢

根据Jekyll文档,您可以使用以下_data目录访问目录中的YAML,JSON和CSV文件{{ site.data.filename }}.

我有一个有效的点名特征geoJson文件chapters.json.我能够访问该文件,但是当我在javascript中使用该文件时,我看到了一些奇怪的字符.

chapters.json 摘抄:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "title": "MaptimeBER"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          13.391,
          52.521
        ]
      }
    },
    {...}
  ]
}

例如,当Jekyll处理以下内容时: var chapters = {{ site.data.chapters }};

输出Javascript是:

var chapters = {"type"=>"FeatureCollection", "features"=>[{"type"=>"Feature", "properties"=> ...

我的问题是,为什么分隔键值对的冒号变为=>？它导致我的javascript错误输出.

我正在尝试创建一个半透明背景,通过使用半透明div来减少文本与纹理背景的交互.当父div的尺寸由像素值高度和100%宽度定义时,我似乎无法弄清楚如何编写CSS来实现此效果.

显然,当高度和宽度定义为100%时,我不能使用margin来"缩小"div.这只是网页的一小部分,所以我想避免改变整个布局来实现这一效果.

HTML:

<div id="container">
    <div id="innerPanel"></div>
</div>

CSS:

html {
    height:100%;
    background-color:black;
}
#container {
    width:100%;
    height:250px;
    background-color:#0183e5;
}
#innerPanel {
    width:100%;
    height:100%;
    margin:15px;
    background-color:rgba(255, 255, 255, .5);
    border-radius:10px;
}

http://jsfiddle.net/rhewitt/qpYFV/1/

我下载并安装了随Stackbuilder一起提供的PostgreSQL 9.2.3.

我使用PostgreSQL Stackbuilder安装Apache(2.2.22)和PHP(5.4.5).

现在我正在尝试使用PDO连接到数据库,但是我收到了一个driver not found错误.

我在我的php.ini文件中取消了对extension=php_pgsql.dll&的评论extension=php_pdo_pgsql.dll.

我的phpinfo(); 功能显示它们已启用.

我注意到的主要事情是在我的php \目录中没有这些文件的ext \目录.我原以为这些文件会自动安装到php \子目录中.

这些扩展可以存储在哪里; 我需要指定一个绝对路径让php找到它们吗？

更新: 所以我进入php.ini并打开启动错误.当我启动命令行php.exe时,我收到错误,指出无法找到php_pgsql.dll和php_pdo_pgsql.dll.

看起来他们试图在D:驱动器上引用它们,我没有.我将所有内容安装到E:驱动器上的同一目录中.我找不到任何地方的扩展(也不能PHP).