我正在尝试将背景图像添加到动态生成的div中.当我为背景添加CSS属性时,如下所示,它会破坏我的插件:
$("<div>", {
'class': "iviewer_image_mask",
css: "background: url('http://somesite.com/path/to/image.jpg');"
}).appendTo(this.container);
有人知道我做错了添加背景图片吗？
我不确定是否有某种PHP功能可以帮助我简单地做到这一点.我想我会问.
假设我有5个产品[prod1,prod2,prod3,prod4,prod5]
所有这些产品都是相互关联的,所以我需要得到这样的东西:
prod1, prod2, prod3, prod4, prod5
prod2, prod3, prod4, prod5, prod1
prod3, prod4, prod5, prod1, prod2
prod4, prod5, prod1, prod2, prod3
prod5, prod1, prod2, prod3, prod4
echo,保存为变量,对我来说没关系.
在我的例子中,我说5,但实际上可能有任意数量的产品.是否有一个功能可以自动执行n产品？我甚至不知道该怎么称呼它,然后我将它们匹配在一起.
让我说我仍然是相当新的谷歌地图和JavaScript.我一直在混合谷歌商店定位器教程与其他一些东西.到目前为止,我使用的是标记clusterer plus(链接),与google maps api v3的标记clusterer基本相同,但有一些附加功能,如鼠标悬停和类似的东西.当你将鼠标悬停在一个集群上时,我正试图让一个信息窗口出现.
在这里工作演示.这是我的完整索引代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Google Maps AJAX + mySQL/PHP Example</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="markerclusterer.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map;
var markers = [];
var infoWindow;
var locationSelect;
var markerCluster = null;
var m;
var p = [];
var contentString;
function load() {
map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(40, -100),
zoom: 4,
mapTypeId: 'roadmap',
mapTypeControlOptions: {style: …javascript infowindow google-maps-api-3 google-maps-markers markerclusterer
如果我有以下html:
<div class="showPin">
<div class="pinIt" style="display: none;">
<a href="#" onclick="window.open("http://pinterest.com/pin/create/button/?url=http://mysite.com/some-post&description=Some Description&media=http://mysite.com/path/to/myimage.jpg","Pinterest","scrollbars=no,menubar=no,width=600,height=380,resizable=yes,toolbar=no,location=no,status=no");return false;"><img src="images/pinbutton.jpg" class="pinbuttonImg"></a>
</div>
<a href="myimage.jpg">
<img class="lazy data-lazy-ready" src="myimage.jpg" data-lazy-type="image" data-lazy-src="http://dev.papermusepress.com/stageblog/wp-content/uploads/2012/11/Fall_baby_shower_mantle2.jpg" alt="Fall Baby Shower Mantle" width="700" height="393" style="display: inline;">
</a>
</div>
我如何让我的警报功能工作,以便它提醒img src是实际的图像被固定,它class="lazy"总是在其中.
$('div.pinIt').click(function() {
var url = $(this).closest('img.lazy').attr('src');
alert(url);
});
它给我的所有警报都是undefined.我究竟做错了什么？
我有一些非常简单的js（我仍在学习），它基本上读取表单的元素并创建一个传递到图像服务器的url字符串，然后渲染图像。
var imgURL = "site.com/path/to/image";
var product = "BirthdayCard_End" + "?&";
var page = 2;
var format;
var data;
function setPage(inputID)
{
page = inputID;
setJPG();
}
function FormValues()
{
var str = '';
var elem = document.getElementById('form1').elements;
for(var i = 0; i < elem.length; i++)
{
str += "$" + elem[i].id + "=" + elem[i].value + "&";
}
data = str;
}
function genPDF()
{
var format = "fmt=pdf&mediaMargin=48&bleedMargin=48&printerMark=1,1,1,1,1,Illustrator,.25,1";
fullURL = imgURL + product + data + format;
window.open(fullURL); …我在jQuery脚本中有以下if语句,用于检查图像是否具有"忽略"类,如果是,则忽略它.this是脚本在我的页面的特定部分中先前找到的图像:
if(!$(this).hasClass('ignore')) {
//do something
}
我如何设置它以便我可以存储一个类数组,然后对该数组进行if语句检查？
默认情况下,Magento中的产品链接具有以下类型:
我使用默认选项作为其默认功能.但是,我需要以相反的方式将相关产品链接在一起.那可能吗？我是否可以创建一个与"相关链接"选项非常相似的新链接方法？
我正在销售贺卡等可定制的印刷产品.我只允许在商店中可以搜索和查看卡片的前视图,我们可以将其称为"主产品".一旦客户点击他们喜欢的卡片产品,我就需要显示卡片内部和背面的不同产品选项.这些是我商店里的单品红色产品.有些卡片有不同的文字选项,照片选项等.
因此,当我在后端添加新的"主产品"时,我需要"链接"与内部关联的产品,以及与该主产品相关联的产品.
"相关"产品标签的工作方式很棒.如果我可以在创建产品页面上使用我自己的链接属性选项卡重新创建该功能,那么我应该没问题.
我使用以下内容来调用一个数组$list并将其转换为URL:
function genIMG($sValue) {
return 'http://asite.com/'.$sValue.'?&fmt=jpg';
}
$IMGurls = array_map("genIMG", array_unique($list));
foreach($IMGurls as $imgLink) {
echo "<a href='". $imgLink ."'>". $imgLink ."</a><br />";
}
这有效,但我null在数组中也有一些值.如何让数组映射忽略null的任何值？否则它只是创建这样的东西:
http://asite.com/?&fmt=jpg没有文件名,因为它是null.
我有一组设置，我试图为登录的用户保存这些设置。我没有找到一种内置的方式来允许我处理我添加的记录的更新时间戳。
db = firebase.firestore()
settingsCollection = db.collection('settings')
let userSetting = fb.settingsCollection.doc(this.userId)
//store the settings in firebase
var setWithMerge = userSetting.set({
createdOn: new Date(),
updatedOn: new Date(),
filters: {showTestOrders: show},
userId: this.userId
}, {merge: true}).then(ref => {
//console.log(ref)
}).catch(err => {
console.log(err)
})
根据文档，该.set()方法将创建或更新记录。（https://firebase.google.com/docs/firestore/manage-data/add-data）
有人可以建议一种处理时间戳的有效方法吗？createdOn由于记录存在，我当前的方法总是更新方法。如果该记录已经存在，我不想更新该记录。我希望有一种方便的方法来做到这一点。
谢谢！
好的,我正在研究流体css,我需要在我的网站上实现地图方面.我发现这个演示看起来像我想要的:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/
有没有办法使左列和右列流畅,以便它们可以扩展更大的浏览器窗口.但是不能限制在一定宽度以下,比如175px？
因此,如果某些用户有更多的浏览器空间,我希望能够使用它,从而允许所有三个列都流畅.但是无论浏览器窗口有多小(不包括移动浏览器,不是移动应用程序),左右列都不能低于某个宽度.
我在运行linux的测试服务器上为客户端开发了一个wordpress主题.@ font-face加载.otf并在此实例中正确呈现文本.它适用于多台计算机.
但是现在当我在客户端的wordpress上安装这个主题,在Windows Server 2003上运行时,它不会在任何计算机上加载该字体.
有任何想法吗？
javascript ×5
jquery ×4
php ×2
arrays ×1
css ×1
firebase ×1
fixed-width ×1
fluid ×1
fluid-layout ×1
font-face ×1
fonts ×1
html ×1
infowindow ×1
magento ×1
vue.js ×1
wordpress ×1