我有个问题。我有一些产品块,其中透明覆盖层覆盖在产品块上,其中显示显示信息或放入购物车的按钮。我在 上使用了一个小的 JavaScript 函数<a href>,但问题是,当在手机上单击产品块时,会出现覆盖层,但您必须单击两次才能到达按钮,因为不知何故它首先单击<a href>
这是产品块:
<div class="block shadow1">
<a href="" class="trigger"></a>
<div class="overlay"></div>
<div class="overlay-content smaller">
<div class="align">
<div class="vertical">
<a href="'.$permalink.'" title="'.$title.'">
<div class="button permalink">
<div class="align">
<div class="vertical">
<img src="'.$imagesrc.'/images/info.svg">
</div>
</div>
</div>
</a>
<div class="button transparent add-to-cart">
<div class="align">
<div class="vertical">
<img src="'.$imagesrc.'/images/add-to-cart_1.svg">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是 JavaScript:
$('a.trigger').on('click', function() {
$(this).toggle('static');
return false;
});
Run Code Online (Sandbox Code Playgroud) 我正在建立一个基于MEAN的网站.现在我试图将数据从一个控制器传递到下一个控制器,但我似乎没有完成它.选择一个选项后,我想将此值带到下一页
这是包含selectbox的页面:
<div class="plumber-by-city col-sm-12 home-text-col" ng-controller="DataCtrl">
<div class="title-1">Search by cityname</div>
<select ng-model="selectedItem" ng-change="change()" ng-options="item as item.city for item in items"></select><span class="fa fa-caret-down"></span>
</div>
Run Code Online (Sandbox Code Playgroud)
在更改时,我想使用DataCtrl2将selectedItem传递到下一页
这是我的DataCtrl:
app.controller('DataCtrl', function($scope,$http,getData,$location,$routeParams){
getData.getCity($scope);
$scope.change = function() {
$location.path('/plumber-in/' + $scope.selectedItem.city);
};
});
Run Code Online (Sandbox Code Playgroud)
以及从DB检索数据的服务:
app.factory('getData', function($http){
return {
getCity: function($scope){
return $http.get("/getdata").then(function(response){
$scope.items = response.data;
$scope.selectedItem = response.data[0];
});
}
};
});
Run Code Online (Sandbox Code Playgroud)
现在我不知道在第二页的DataCtrl2中放入什么以及如何使用此页面中DataCtrl的数据