将数据从一个js传递到另一个js

时间:2019-11-04 07:09:42

标签: javascript php codeigniter leaflet leaflet.draw

我有两个js :(第1个)是我可以添加地图的位置,可以单击一个按钮并绘制shapes(地理区域),第2个是可以使用colorpicker和summernote更改形状的颜色和不透明度的位置。

我可以使用

在第二个js的颜色选择器中获取颜色
@if ((ViewBag.DynamicFields.Length == 0 )||((ViewBag.DynamicFields as ICollection<ChampModel.DynamicFields>).Where(o => o.Active == false).Count() == (ViewBag.DynamicFields as ICollection<ChampModel.DynamicFields>).Count()))
{
    <div class="info">
    @Html.Label("Dynamic fields were not assigned to this table")</div>
}

及其在document.ready(function())内部。

是否可以从第二个js中调用颜色并将其传递给以下代码中的第一个js:

$('#colorpicker'+no).colorpicker().on('changeColor', function() {
            var no = $(this).attr('map'); 
            var color = $('#txtGeoColor'+no).val();
            console.log("color1 : " , color);
        });

1 个答案:

答案 0 :(得分:0)

在第二个文件中使用color变量。您需要在第二个文件上方导入第一个文件。喜欢

文件1:

var color = '';
$('#colorpicker'+no).colorpicker().on('changeColor', function() {
            var no = $(this).attr('map'); 
            color = $('#txtGeoColor'+no).val();
            console.log("color1 : " , color);
        });

文件2:

$("#mapContainer").on("click", ".btnCircleDraw",function(){
        var circleDrawer = new L.Draw.Circle(map, {
            shapeOptions: {
                color: color
            }
        });   
        circleDrawer.enable();
    });

请始终记住在文件2之前导入文件1,因为文件2包含已初始化并在文件1中分配的颜色变量。

文件两个js文件都将使用的位置。

<script src="file1.js">
<script src="file2.js">
相关问题