0

ファンシーボックスを Visual Studio で実行する方法がわかりません。

私はjqueryを実行しています。アンカーをクリックしてポップアップをトリガーすると、fancyboxがトリガーされますが、これはすべて問題ありません。

問題は、それが理にかなっている場合、「ファンシーボックス」にデータを入力するための専用の.aspxページが必要なことです。

ファンシーボックスに使用したいページをリンクまたは接続する方法がわかりません。

これが私のJQueryです：

// Category Results Add Basket Pop Up

$("#list-category-results li .add-basket").fancybox({
    width: 620,
    height: 500,
    autoDimensions: false
});

ここに私のHTMLがあります：

 <ul id="list-category-results" class="clearfix">
    <li>
        <a href="#">
            <img src="images/categorylist_child_dummy.jpg" alt="categorylist_child_dummy" />
            <span class="result-info">
                <span class="result-type">Moquito Net</span>
                <span class="result-price">$12</span>
            </span>
        </a>
        <a href="#" class="add-basket">Add to gift basket</a>
    </li>
</ul>
4

1 に答える 1

0

ファンシーボックスをさまざまなページで何度も再利用できるようにしたいと思っていると思います。このためには、別の .aspx Web フォームではなく、ユーザー コントロールを使用することをお勧めします。ユーザー コントロールを使用すると、サイト全体で同じマークアップを何度も使用できます。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>

<ul id="list-category-results" class="clearfix">
        <li>
            <a href="#">
                <img src="<%= ImageURL %>" alt="<%= AltText %>" />
                <span class="result-info">
                    <span class="result-type"><%= Type %></span>
                    <span class="result-price"><%= Price %></span>
                </span>
            </a>
            <a href="#" class="add-basket">Add to gift basket</a>
        </li>
    </ul>

あなたのコードビハインド

 public partial class WebUserControl : System.Web.UI.UserControl
    {
        public string Type { get; set; }
        public string Price { get; set; }
        public string ImageURL { get; set; }
        public string AltText { get; set; }

        protected void Page_Load(object sender, EventArgs e)
        {
             // You can put code relevant to the fancybox images here
        }
    }

また、各 Web フォーム (.aspx) で

<%@ Page Title="FancyBox Test Page .aspx" Language="C#" %>
<%@ Register Src="~/WebUserControl.ascx" TagPrefix="MyPrefix" TagName="Thing" %>

<!-- jquery and fancybox JS goes here -->

<MyPrefix:FancyBox Type="type goes here" Price="90" ImageURL="SRC to image" runat="server" AltText="This is the First Fancybox Control" />


<MyPrefix:FancyBox Type="type2 goes here" Price="90" ImageURL="SRC to image2" AltText="This is a Second Fancybox Control, you can reuse this tag!" runat="server" />
于 2012-08-16T23:49:26.383 に答える